奇怪的边界与白色的颜色

Question

我觉得这些奇怪的白色＆＃39;边界。不知道为什么会这样。 试图通过更改backgroundColor的值来解决它（使用＆＃39;透明＆＃39;），但它们不会消失。 我的目的是获得一个具有单一纯色背景的按钮。

为什么这会发白＆＃39;事情出现了？如何删除它们？

这种白色＆＃39;东西出现在iPhone 6 plus和iPhone 6s plus上。 它不会出现在iPhone 6,6s，5,5s上（未经过任何其他测试）。 我没有在实际设备上测试过这个，而是在模拟器（通常的Xcode模拟器）上进行测试。

＆＃39;发白＆＃39;东西没有出现在我的Android手机上（避免在Android模拟器上测试过）。 我使用的手机是Moto G 1st Gen（5.1 Android）。

class something extends Component {
 render() {
  return (
    <View style={styles.container}>
      <TouchableOpacity style={{left: 12}}>
        <View style={[styles.byView]}>
         <Text style={[styles.byText]}>Weird</Text>
        </View>
       </TouchableOpacity>
    </View>
   )
  }
 }

 const styles = StyleSheet.create({
 container: {
  flex: 1,
  backgroundColor: 'red'
 },
 byView: {
  alignItems: 'center',
  justifyContent: 'center',
  width: 112,
  height: 33,
  borderColor: 'blue',
  borderWidth: 1.5,
  backgroundColor: 'green'
 },
 byText: {
  color: 'white',
  fontSize: 12
 },
});