A diferencia de ListView, podemos actualizar this.state.datasource. ¿Hay algún método o ejemplo para actualizar FlatList o volver a renderizarlo?
Mi objetivo es actualizar el valor del texto cuando el usuario presiona el botón...
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} />Utilice la propiedad extraData en su componente FlatList.
Como dice la documentación:
Al pasar
extraData={this.state}aFlatList, nos aseguramos de queFlatListse vuelva a representar cuando cambiestate.selected. Sin configurar esta propiedad,FlatListno sabría que necesita volver a renderizar ningún elemento porque también es unPureComponenty la comparación de la propiedad no mostrará ningún cambio.
Para una solución rápida y sencilla, pruebe:
establezca datos adicionales en un valor booleano.
extraData={este.estado.actualizar}
Alterne el valor del estado booleano cuando desee volver a procesar/actualizar la lista
this.setState({ refresh: !this.state.refresh })Oh, eso es fácil, solo usa extraData
Verá que la forma en que funcionan los datos adicionales detrás de escena es FlatList o VirtualisedList simplemente verifica si ese objeto ha cambiado a través de un método onComponentWillReceiveProps normal.
Así que todo lo que tienes que hacer es asegurarte de dar algo que cambie a extraData .
Esto es lo que hago:
Estoy usando immutable.js , así que todo lo que hago es pasar un Mapa (objeto inmutable) que contiene lo que quiero ver.
<FlatList data={this.state.calendarMonths} extraData={Map({ foo: this.props.foo, bar: this.props.bar })} renderItem={({ item })=>(( <CustomComponentRow item={item} foo={this.props.foo} bar={this.props.bar} /> ))} /> De esa forma, cuando this.props.foo o this.props.bar , nuestro CustomComponentRow se actualizará, porque el objeto inmutable será diferente al anterior.