react-native开发 用Flatlist 实现类似于UICollectionView的宫格布局
Posted yichengblog
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了react-native开发 用Flatlist 实现类似于UICollectionView的宫格布局相关的知识，希望对你有一定的参考价值。
<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的宫格布局的主要内容，如果未能解决你的问题，请参考以下文章
react-native使用flatlist上拉加载下拉刷新
React-Native：使用 pagingEnabled 时获取 FlatList 中的当前页面
使用 react-native 的 FlatList 时获取未定义不是对象