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