边界半径有奇怪的边缘 - 反应原生

时间:2016-09-01 12:31:08

标签: react-native

当我为下面的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>

enter image description here

2 个答案:

答案 0 :(得分:3)

原来文本有自己的背景颜色。使其透明并修复它。

答案 1 :(得分:1)

尝试将overflow: hidden添加到您的样式中。或尝试删除保证金。