如何在React Native中绘制半椭圆？

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

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