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

【问题标题】：Handling space-between in flatlist when numColumns is 3当 numColumns 为 3 时处理 flatlist 中的空格
【发布时间】：2021-02-02 22:05:34
【问题描述】：

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

ooo
oo

不是

ooo
o o

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

这是我的代码

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：