React native 为什么我的反应本机视图高度不一致？

我有以下代码：

返回(
)

const styles=StyleSheet.create({
仪表板ListItemContainer：{
身高：73，
背景颜色：COL_DARK_BG，
显示：“flex”，
flexDirection:“列”，
},
listItemBorder：{
最小高度：0.5，
背景颜色：“白色”，
}
});

这将产生以下结果：

我的问题是，为什么线条的亮度不一致/看起来高度不同？ 另外，当我在此处将

列

更改为

行

时：

flexDirection:“行”

行完全消失。我不知道这是一个bug还是我的代码中有错误

蒂亚

更新： 我无法在任何设备上解决这个问题，我尝试了不同的方法来确定高度

borderBottomWidth:StyleSheet.hairlineWidth，

如下所示：

你可以在上面的图片中看到一些线条甚至没有显示出来

borderBottomWidth:StyleSheet.hairlineWidth*2，

如下所示：

高度：0.5，在白色背景上看起来像这样：

---

这个问题在不同的设备上是一致的，它位于

Android Emulator中某个项目的边缘，分辨率较低，请在真实设备上尝试，有时我会出现相同的错误，当我在真实设备上运行时，它看起来不错。

我们可以使用flex value

import React，{Component}来自“React”；
从“react native”导入{View，FlatList}；
从“react native”导入{StyleSheet}；
类应用程序扩展组件{
render（）{
返回(
{
返回(
);
}}
key={（{item，index}）=>index}
/>
);
}
}
导出默认应用程序；
const styles=StyleSheet.create({
仪表板ListItemContainer：{
背景颜色：“红色”，
显示：“flex”，
弹性：1，
身高：73，
flexDirection：“列”
},
listItemBorder：{
最小高度：0.5，
背景颜色：“黄色”
}
});

---

您能否提供世博会零食演示，以便我们重现此问题并给出正确答案