如何在react native中绘制半椭圆形？

Question

最近，我在尝试本机反应时做了很多尝试来画一个半椭圆形，但没有得到任何好的结果。这是我尝试过的

semiEllipse:{
        width: '100%',
        height: 50,
        borderRadius: 0.7*width,
        borderBottomLeftRadius: 0,
        borderBottomRightRadius: 0,
        backgroundColor: 'red',

      }

上面的代码为我提供了以下输出：

但这不是我想要实现的目标，因为你们看到的并不是纯椭圆形。

我要实现的目标是以下一半：

请帮助我。预先感谢！

Answer 1

width: 100,
height: 100,
backgroundColor: 'red',
borderRadius: 50,
transform: [
  {scaleX: 2}
]

这应该给您一个椭圆形。然后，我将减去负余量并溢出：隐藏在父级上。