React Native，Flatlist 自定义每行 2 个项目

Question

How can I make my flatlist look like this? Is there any prop for this or which style I need to use to do that?

Answer 1

You have to use the numColumns prop of the flat list which would display the items in columns

https://reactnative.dev/docs/flatlist#numcolumns

Answer 2

You can provide extra property numColumns={2} in your Flatlist component to get two items each row.

here is a wonderful tutorial by Spencer: https://www.reactnativeschool.com/react-native-flatlist-grid

Answer 3

<FlatList
      numColumns={2}
     ....................
    />

Render your data and make numColumns={2}