邊框半徑有奇怪的邊緣 - 反應本機

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到您的樣式。或者嘗試刪除邊距。