当 numColumns 为 3 时,在平面列表中处理 space-between
Handling space-between in flatlist when numColumns is 3
我在 flatlist 中有 numColumns 3。
我希望我的平面列表显示为
ooo
oo
没有
ooo
o o
如果我的数据是数据%3==2
这是我的代码
columnWrapperStyle={{justifyContent:'space-between'}}
我的组件的宽度是 (width-6)/3 所以它需要 3 px space
假设您的数据 运行 超过某个州,那么您可以尝试以下操作
columnWrapperStyle={{justifyContent: data%3 == 2 ? 'flex-start' : 'space-between'}}
我在 flatlist 中有 numColumns 3。 我希望我的平面列表显示为
ooo
oo
没有
ooo
o o
如果我的数据是数据%3==2
这是我的代码
columnWrapperStyle={{justifyContent:'space-between'}}
我的组件的宽度是 (width-6)/3 所以它需要 3 px space
假设您的数据 运行 超过某个州,那么您可以尝试以下操作
columnWrapperStyle={{justifyContent: data%3 == 2 ? 'flex-start' : 'space-between'}}