react-native - 如何在本机反应中实现以下设计？

Question

我有点卡在这里，在我的一个应用程序中实现以下设计。

图片

我的代码在这里，

<View style={{flex: 1, backgroundColor: '#fff', alignItems: 'center'}}>
        <View style={{backgroundColor: colors.green, width: '100%', height: '40%', borderBottomLeftRadius: 100, borderBottomRightRadius: 100}}>
        </View>
</View>

是否可以通过使用 react native svg 来完成这项工作？

任何帮助，将不胜感激。

标签： react-nativereact-native-svg