如何在本机反应中绘制半椭圆？

Question

最近我尝试了很多在 react native 中绘制半椭圆，但我没有得到任何好的结果。这是我尝试过的

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}
]

这应该给你一个椭圆形的形状。然后我会做一个负边距和溢出：隐藏在父母身上。