React native 为什么在react native中设置borderLeftWidth=1时会出现间隙？

我有以下react本机代码，它完全符合我的要求，因为它打印一个实心黑色矩形：

      getTable() {
            const cell = {
            backgroundColor:'black',
            flex:1,
            height:50,

            };
            const table = {
            borderColor:'black',
            borderLeftWidth:0,
            borderRightWidth:0,
            borderTopWidth:0,
            borderBottomWidth:0,
            width:'100%'};
            return (
                    <View style={table}>
                            <View style={{flexDirection:"row"}}>
                                    <View style={cell}></View>
                                    <View style={cell}></View>
                                    <View style={cell}></View>
                            </View>
                    </View>
            );
    }

getTable（）{
常量单元格={
背景颜色：'黑色'，
弹性：1，
身高：50，
};
常数表={
边框颜色：'黑色'，
borderLeftWidth:0，
borderRightWidth:0，
borderTopWidth:0，
边框底部宽度：0，
宽度：'100%'}；
返回(
);
}

但是，当我将

表.borderLeftWidth

的值更改为

1

时，我看到一条白色垂直线，距离黑框左侧66%，如图所示：

为什么向容器添加左侧边框会导致内部内容出现白线

---

此问题发生在所有iOS设备和所有iOS模拟设备中。它不会出现在Android中。我做错了什么？

基于这个问题只发生在iOS设备上的事实，我怀疑这是iOS实现的问题。GitHub上的应用程序似乎与您遇到的类似

---

问题在于react native在iOS设备上“实现”CSS（因为它实际上不是CSS），而这只是一个渲染错误（可能是flexbox）。我建议您将您的问题发布到那里，看看他们是否能够解决。

这发生在什么设备上？它发生在模拟器中的所有iOS设备和物理设备上。