React Native Border Radius with background color
<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>