title: React Native Border Radius with background color
body: <p>In React Native, <code>borderRadius</code> is working but the background color given to the button stays a square. What is going on here?</p>
  
  <p>JS</p>
  
  <pre><code>&lt;TouchableHighlight
    style={styles.submit}
    onPress={() =&gt; this.submitSuggestion(this.props)}
    underlayColor='#fff'&gt;
      &lt;Text style={[this.getFontSize(),styles.submitText]}&gt;Submit&lt;/Text&gt;
  &lt;/TouchableHighlight&gt;
  </code></pre>
  
  <p>Style</p>
  
  <pre><code>...
  submit:{
      marginRight:40,
      marginLeft:40,
      marginTop:10,
  },
  submitText:{
      paddingTop:20,
      paddingBottom:20,
      color:'#fff',
      textAlign:'center',
      backgroundColor:'#68a0cf',
      borderRadius: 10,
      borderWidth: 1,
      borderColor: '#fff'
  },
  ...
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/bnzCG.png"><img src="https://i.stack.imgur.com/bnzCG.png" alt="enter image description here"></a></p>