title: Border radius not work with Button
body: <p>I want to create a border radius button with touchableOpacity.</p>
  
  <p>I tried this style : </p>
  
  <pre><code>whiteButton : {
      borderWidth:1,
      overflow : "hidden",
      marginTop: "3%",
      backgroundColor:"white",
      width:"80%",height:"6%",
      borderRadius : 20,
      borderColor:"white",
      marginBottom:10
  }
  </code></pre>
  
  <p>But the button looks like this :</p>
  
  <p><a href="https://i.stack.imgur.com/pSJOl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pSJOl.png" alt="Only the white part"></a></p>
  
  <p>And if I remove overflow : "hidden", it looks like this :</p>
  
  <p><a href="https://i.stack.imgur.com/RDrJQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RDrJQ.png" alt=""></a></p>
  
  <p>Do you have an idea ?</p>
  
  <p>EDIT : </p>
  
  <p>After setting backgroundColor of the text to transparent, I have the same result as overflow : "hidden" but with the text just below It's like my text is out of the touchableopacity</p>
  
  <p><a href="https://i.stack.imgur.com/3ZcrD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/3ZcrD.png" alt="enter image description here"></a></p>