是否可以在 2 列 Flatlist 中进行行反转？

Question

我在 react-native-android 中创建了一个 2 列的 FLatlist

1    |    2
------------
3    |    4

我要这个

2    |    1
4    |    3

我尝试这些：

<View style={{flex:1,flexDirection:'row-reverse'}}>
        <FlatList
            style={{flex:1,flexDirection:'row-reverse'}}

在渲染项目我使用flexDirection:'row-reverse'过

但没有成功！

Answer 1

你可以flexDirection: 'row-reverse'在里面使用columnWrapperStyle：

<FlatList
  numColumns={2}
  columnWrapperStyle={{ flexDirection: 'row-reverse' }}
  data={data}
  renderItem={yourRenderFunction}
/>