ボーダー半径に奇妙なエッジがあります - 反応するネイティブ

Question

私は以下のようにTouchableOpacityをスタイルすると、iPhone 6シミュレータで奇妙なレンダリングが発生します。どんな考え？

スタイル：

buttonContainer: { 
    height: 50, 
    borderColor: black, 
    borderRadius: 25, 
    margin: 2, 
    justifyContent: 'center', 
    backgroundColor: coral 
} 

コンポーネント：

<TouchableOpacity style={styles.buttonContainer} 
    onPress={this.signIn} 
> 
    <Text style={styles.button}>Sign in</Text> 
</TouchableOpacity> 

Answer 1

テキストには、独自の背景色があります。透明にして固定しました。

Answer 2

あなたのスタイルにoverflow: hiddenを追加してみてください。または、マージンを削除してみてください。