且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在本机反应中呈现两列中的项目?

更新时间:2023-12-02 20:07:58

自从 FlatList 已经支持 numColumns,因此你可以做

Since FlatList already supports numColumns, therefore you can do

示例

const data = [1,2,3,4]


  <FlatList 
         data={data}
         numColumns={2}
         renderItem={(item) => <View style={{flex: 1, height: 200, margin: 5, backgroundColor: 'red'}}/>} // Adding some margin
   />