javascript - React Native 中 View 的反转边框半径

Question

我试图在 React Native 中搜索与倒置边界半径相关的很多 View ，但没有找到任何东西。请在下方找到图片以供引用。

Answer 1

尝试使用 2 个 View ，一个包裹在另一个 View 下并实现相同的效果，因为 react native 仍然不支持反转的 borderradius。检查更新的 EXPO 链接以获取详细 View 。 Expo link

<View>
    <View
      style={{
        width: 100,
        height: 100,
        backgroundColor: 'black',
        alignItems: 'center',
        justifyContent: 'flex-start',
      }}>
      <View
        style={{
          backgroundColor: 'white',
          height: 50,
          width: 50,
          alignSelf: 'flex-start',
          borderBottomRightRadius: 50,
        }}
      />
    </View>
  </View>