react-native - 如何在反应原生的WebView中给出角半径

Question

我添加了一个 View 作为 Webview 的容器，然后添加corderRadius但没有工作

<View
        flex={1}
        borderTopLeftRadius={12}
        borderTopRightRadius={12}
      >
        <WebView
          style={{ flex: 1 }}
    />
</View>

标签： react-native

Answer 1

我找到了解决方案，只需overflow: "hidden"在父视图中添加

  <View
    style={{
      overflow: "hidden",
      flex: 1,
      borderTopLeftRadius: 12,
      borderTopRightRadius: 12,
    }}
  >
    <WebView style={{ flex: 1 }} />
  </View>