javascript - 如何创建平面列表

Question

我想为我的 numColum={3} 创建一个平面列表、网格列表或视图

{folderToDisplay.map((item) => {
        return <Text key={item.id}>{item.value}</Text>;
      })}

现在我的文本是一个列表行。如何使它成为 3 的列？

标签： javascriptreactjsreact-nativereact-hooks

Answer 1

将 FlatList 与numColumns道具一起使用。

<FlatList
    data={folderToDisplay}
    renderItem={({ item }) => <Text key={item.id}>{item.value}</Text>}
    keyExtractor={item => item.id}
    numColumns={3}
  />

https://reactnative.dev/docs/flatlist