Menú

PlayAgain

Javascript, React Native, programación y reviews

Búsqueda en una ListView con React Native

Para poder crear una caja de búsqueda en nuestra ListView deberemos usar el componente InputText que podemos llamar directamente desde el import de React Native. Dependiendo de cual sea la fuente de nuestros datos para la ListView deberemos plantear el problema de dos formas diferentes o bien usando fetch para la API o pasándole los datos directamente a la ListView.

Filtraremos los datos, tanto si son de una API o bien de un archivo local, a partir del texto que introduciremos en el InputText. Para ello usaremos una función y Javascript que nos permitirá rehacer la ListView en tiempo real cada vez que escribimos en el Input.

Búsqueda en una ListView en React Native a partir de una API

Empezaremos importando el componente y creando la interfaz de la ListView, que sirve para las dos versiones:

(más…)