react-native - 如何在 React Native 中给 WebView 中的圆角半径

Question

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

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

Answer 1

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

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