沒有 svg 或類似的 React Native 中的兩個彩色圓圈（使用視圖）

Question

是否可以在沒有 svg 的情況下在 react-native 中創建兩個彩色圓圈？ 我在paint.net 上做了一個快速模型，這樣你就可以看到我到底想要什么。

提前致謝

Answer 1

 <View style={{ height: 200, width: 200, borderRadius: 100, overflow: 'hidden' }}> <View style={{ backgroundColor: 'red', height: 100, width: 200 }} /> <View style={{ backgroundColor: 'green', height: 100, width: 200 }} /> </View>