我的本机svg如何在我的视图和所有屏幕中居中

Question

，

我想在va vue中将svg椭圆居中，以便在屏幕上向下舍入一半。我可以讨论椭圆，但我无法将svg居中...

我的svg组件：     const SvgComponent = props =>（

<Svg
    height="50%"
    width="100%"
>
    <Ellipse
        cx="185"
        cy="145"
        rx="200"
        ry="130"
        stroke="black"
        strokeWidth="2"
        fill="white"
     />
</Svg>
)

和我的观点：

  <View style={{backgroundColor: '#3C4550', flex:1, height:'100%', width:'100%', justifyContent: 'center', }} >
      <View style={{ height: '50%' , width: '100%', justifyContent: 'center', alignItems: 'center' ,backgroundColor: '#FFF'}}>
        <Image style={{height: '40%', width:'45%', backgroundColor:'grey', borderRadius: 80 }}/>
      </View>  
      <SvgComponent />
  </View>

即使使用简单的视图，我也做了很多尝试，但是我的屏幕被一分为二，顶部圆角，所以我无法获得预期的结果

一个主意？