Refrescar una FlatList en React Native

Tiempo de lectura: < 1 minuto

Si eliminamos o añadimos un nuevo elemento a una FlatList en React Native tenemos que hacer lo siguiente:

Primero tenemos que crear un estado tipo booleano:

  const [refreshing, setRefreshing] = React.useState(false);

Depués lo asignamos a la FlatList con el atributo extraData:

           <FlatList
                data={itemList}
                extraData={refreshing}
                renderItem={({ item }) =>
                    <Row
                        element={item}
                    />
                }
            />

Cuándo queramos refrescar la lista, pondremos lo siguiente:

setRefreshing(!refreshing);

Y listo, ya realiza un re-render de la lista y vuelve a mostrarla actualizada en pantalla.

Deja un comentario