反应本地不准确的设备宽度划分问题

时间:2018-11-01 20:20:12

标签: reactjs react-native

我遇到了尝试通过划分设备宽度来创建网格的问题。

当尝试通过执行Dimensions.get('window')。width / 7来使彼此相邻的7个视图时,它仅计算连续6个视图,并且由于父容器具有flex:wrap,因此它会掉落第二行的第七视图。这仅发生在iPhone设备上,特别是iPhone X(12.1),它在iPad上可以完美地计算出它。我在计算中缺少什么还是已知问题?

1 个答案:

答案 0 :(得分:0)

我不使用width / 7,请使用

<View style={{flex : 1}}> <View style={{ flex: 1 }} /> //7x </View> 或使用react-native-grid和

<Grid><Row/></Grid>