title: Elliptical Border Radius in React Native
body: <p>I'm trying to recreate <a href="https://jsfiddle.net/0v6epzsf/" rel="noreferrer">this shape</a> in React Native. It's made with 2 overlapping shapes, one square and one with a border-radius on the top and bottom (the square is there to hide the border radius on the top).</p>
  
  <p>Here's the CSS used to generate it: </p>
  
  <pre><code>#square {
     width: 200px;
     height: 180px;
     background: red;
   }
  
   #tv {
     position: relative;
     margin-top: 100px;
     width: 200px;
     height: 200px;
     margin: 20px 0;
     background: red;
     border-radius: 100px / 20px;
   }
  </code></pre>
  
  <p>But I can't find any documentation on the border-radius property, so I don't know if it's possible to do elliptical radii like you can in <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius?v=control" rel="noreferrer">CSS</a>.</p>