Questions tagged «react-native-flatlist»

与ListView不同，我们可以更新this.state.datasource。是否有任何方法或示例来更新FlatList或重新呈现它？ 我的目标是在用户按下按钮时更新文本值。 renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { this.list = ref; }} keyExtractor={(item) => item.entry.entryId} data={this.state.data} renderItem={this.renderEntries.bind(this)} horizontal={false} />

86 reactjs  react-native  react-native-flatlist 

我正在使用FlatList在两列中显示项目列表 <FlatList style={{margin:5}} data={this.state.items} numColumns={2} keyExtractor={(item, index) => item.id } renderItem={(item) => <Card image={item.item.gallery_image_url} text={item.item.name}/> } /> 卡组件只是具有某些样式的视图： <View style={{ flex: 1, margin: 5, backgroundColor: '#ddd', height: 130}} ></View> 它工作正常，但是如果项目数为奇数，则最后一行仅包含一个项目，并且该项目会延伸到屏幕的整个宽度。 如何将项目设置为与其他项目相同的宽度？

76 react-native  react-native-flatlist