react-native - 当 numColumns 为 3 时处理 flatlist 中的空格

Question

我在平面列表中有 numColumns 3。我希望我的平面列表显示为

ooo
oo

不是

ooo
o o

如果我的数据是数据%3==2

这是我的代码

columnWrapperStyle={{justifyContent:'space-between'}}

我组件的宽度是 (width-6)/3 所以它需要 3 px 空间

Answer 1

假设您的数据在某个状态下运行，那么您可以尝试以下操作

columnWrapperStyle={{justifyContent: data%3 == 2 ? 'flex-start' : 'space-between'}}