Как создать FlatList

Question

Я хочу создать FlatList, Grid List или View off numColum = {3} для моих

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

, сейчас мой текст представляет собой строку списка. Как сделать так, чтобы колум от 3?

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

Answer 2

numColumns

Несколько столбцов могут быть отображены только с горизонтальный = {ложь} .

FlatList в реакции Родной

<FlatList
    contentContainerStyle={{margin:4}}
    horizontal={false}
    numColumns={4}
    data={this.state.categoryDataSource}
    renderItem={(item) =>
        return <Text key={item.id}>{item.value}</Text>;
        }
    keyExtractor={category => category.id}
/>