码迷,mamicode.com
首页 > 其他好文 > 详细

react-native开发 用Flatlist 实现类似于UICollectionView的宫格布局

时间:2019-03-07 12:57:48      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:ati   就是   content   rac   react   tco   设置   dir   flat   

<FlatList
numColumns={4}
data={this.state.data}
renderItem={this.renderFunctionItem}
keyExtractor={this._extraUniqueKey}
contentContainerStyle={styles.listViewStyle}
/>
 
 
listViewStyle:{
flexDirection:‘column‘,
flex:1,
}
 
最主要的就是设置flexDirection:‘column‘和numColumns
 

react-native开发 用Flatlist 实现类似于UICollectionView的宫格布局

标签:ati   就是   content   rac   react   tco   设置   dir   flat   

原文地址:https://www.cnblogs.com/yichengblog/p/10488875.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!