title: How to draw a semi-ellipse in react native?
body: <p>Recently I tried a lot to draw a semi-ellipse in react native but I didn't get any good result. Here is what I tried</p>
  
  <pre><code>semiEllipse:{
          width: '100%',
          height: 50,
          borderRadius: 0.7*width,
          borderBottomLeftRadius: 0,
          borderBottomRightRadius: 0,
          backgroundColor: 'red',
  
        }
  </code></pre>
  
  <p>The above code gives me the following output:
  <a href="https://i.stack.imgur.com/pMusX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pMusX.png" alt="enter image description here"></a></p>
  
  <p>but this is not what I am trying to achieve as you guys can see this is not a pure ellipse.</p>
  
  <p>What I am trying to achieve is half of the following:
  <a href="https://i.stack.imgur.com/YcmYw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YcmYw.png" alt="enter image description here"></a></p>
  
  <p>Please help me with this. Thanks in advance!</p>