我如何在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做到这一点？

任何帮助将不胜感激。