Iphone 白色的奇怪边界

我有这些奇怪的“白色”边界。不知道为什么会这样。 试图通过更改backgroundColor的值（也使用了“透明”）来解决此问题，但它们不会消失。 我的目的是得到一个单一的纯色背景按钮

为什么会出现这种“白色”的东西？如何移除它们

这种“白色”的东西出现在iPhone6plus和iPhone6splus上。 它没有出现在iPhone 6、6s、5、5s上（没有在任何其他手机上测试）。 我没有在实际设备上测试过，而是在模拟器（通常的Xcode模拟器）上测试过

我的android手机上没有“白色”的东西（没有在android模拟器上测试过）。 我使用的手机是Moto G第一代（5.1安卓）

类扩展组件{
render（）{
返回(
奇怪的
)
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“红色”
},
byView：{
对齐项目：“居中”，
为内容辩护：“中心”，
宽度：112，
身高：33，
边框颜色：“蓝色”，
边框宽度：1.5，
背景颜色：“绿色”
},
正文：{
颜色：'白色'，
字体大小：12
},
});

---

尝试从

按钮行中删除
之间的空格
删除该空格，但不会消失。尝试从
按钮行中删除
之间的空格
删除该空格，但不会消失。
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
 },
});