title: React Native Half oval on View
body: <p>I'm new to react-native, I want to create a view with a half oval in the bottom. I can achieve this problem using CSS, but I cannot use it in react-native as it only accepts the single number.</p>
  
  <p><strong>Example result</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ct3Wu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ct3Wu.png" alt="enter image description here"></a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.halfOval { 
      background-color: #a0C580;
      width: 400px;
      height: 20px;
      border-radius:  0 0 50% 50% / 0 0 100% 100%;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="halfOval"&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>