如何使用（React Native）在顶部标头上绘制完美曲线

Question

我开始练习在移动应用程序中进行设计，我在Google上看到了我想在我的移动应用程序中实现的设计，是的，但是确实曲线与该设计并不完全相同。这是Google的图片。

这是我已经在应用程序中完成的输出

我的代码在这里，

Css：

    oval: {
    height: 100,
    borderBottomLeftRadius: 50,
    borderBottomRightRadius: 50,
  },

HTML：

 <LinearGradient colors={['#00e4d0', '#5983e8']} style={{borderBottomLeftRadius: 100,borderBottomRightRadius: 100}}>
            <View style={styles.oval} />
        </LinearGradient>