Javascript 如何创建平面列表

Javascript 如何创建平面列表,javascript,reactjs,react-native,react-hooks,Javascript,Reactjs,React Native,React Hooks,我想为我的应用程序创建一个平面列表、网格列表或numColum={3}之外的视图 {folderToDisplay.map((item) => { return <Text key={item.id}>{item.value}</Text>; })} {folderToDisplay.map((项)=>{ 返回{item.value}; })} 现在我的文本是一个列表行。如何将其设置为3列?使用带有numColumns道具的平面列表

我想为我的应用程序创建一个平面列表、网格列表或numColum={3}之外的视图

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

现在我的文本是一个列表行。如何将其设置为3列?

使用带有
numColumns
道具的平面列表

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

numColumns

只能使用水平={false}渲染多列

React Native中的平面列表


返回{item.value};
}
keyExtractor={category=>category.id}
/>

由于您显然不能使用网格,您可以使用flex box,也可以使用React native
FlatList
组件。这是否回答了您的问题?非常感谢你的帮助,伙计非常感谢,伙计。