Barra de búsqueda y filtro en Flutter Dart

Tiempo de lectura: < 1 minuto Realizar una barra de búsqueda e ir filtrando una lista, es muy sencillo siguiendo los siguientes pasos: La lista de elementos que vamos a mostrar y filtrar es la siguiente A continuacón hay que crear el diseño de la barra de búsqueda. Por último agregamos el método que realizar el filtro en este caso se … Leer más

Cómo hacer un formulario de login fácil en Flutter Dart

Tiempo de lectura: < 1 minuto Para poder crear un formulario con validaciones en flutter, primero creamos los elementos dentro de la clase. Después creamos los elementos en el Widget Creamos una función para la acción que haya que realizar al pulsar el botón del formulario y los campos estén correctamente validados. Y por último, agrega el formulario en el Widget … Leer más

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Crear un contenedor de Expo (EAS) con Docker para generar Build Android para React Native

Tiempo de lectura: 3 minutos Hola, hoy vamos a ver cómo podemos crear un contenedor Docker que genera Builds Android (APKs) de forma local usando React Native. Primero vamos a generar nuestro proyecto docker-compose.yml de la siguiente forma: Para generar la variable de entorno EXPO_TOKEN, debes hacer lo que indica Expo: https://docs.expo.dev/accounts/programmatic-access/ Web para generar tokens: https://expo.dev/accounts/[account]/settings/access-tokens Para ello vamos … Leer más

Solución de codificación UTF-8 al recibir datos haciendo una llamada GET usando Flutter – Dart

Solución de codificación UTF-8 al recibir datos haciendo una llamada GET usando Flutter – Dart

Tiempo de lectura: < 1 minuto Al realizar una llamada GET usando flutter y el lenguaje de programación Dart, me he topado con un error al intentar visualizar ciertos datos. El error de codificación se produce al recibir la información con algunos caracteres, y al mostrarlos en la interfaz de usuario, no se muestran correctamente. Para solucionar el error que muestro … Leer más

Crear una lista sencilla en Flutter – Dart

Crear una lista sencilla en Flutter – Dart

Tiempo de lectura: 3 minutos Para crear un ejemplo de lista en el que añadamos un elemento, actualicemos la lista y también podamos eliminar elementos de la lista, hay que seguir los siguientes pasos: Primero creamos el Widget principal qué llamamos desde main, dónde mostraremos la clase .dart con la vista diseñada. Después creamos un StatefulWidget, para que pueda modificarse … Leer más

Flutter- estructura de una llamada a API -POST

Flutter- estructura de una llamada a API -POST

Tiempo de lectura: < 1 minuto La estructura para realizar una llamada desde flutter a una api y mandar parámetros para recibir datos es de la siguiente manera: primero declaramos e inicializamos una variable con la ruta a la api, en este caso la llamo uri: Depués declaro las cabeceras, tipo-contenido Creo el body con los datos que son necesarios enviar … Leer más

Flutter- estructura de una llamada a API -GET

Flutter- estructura de una llamada a API -GET

Tiempo de lectura: < 1 minuto La estructura para realizar una llamada desde flutter a una api y obtener datos es de la siguiente manera: primero declaramos e inicializamos una variable con la ruta a la api, en este caso la llamo uri: Depués declaro las cabeceras, tipo-contenido A continuación genero la llamada y guardo la respuesta en una variable a … Leer más

Error al compilar una aplicación flutter con conexión a API

Error al compilar una aplicación flutter con conexión a API

Tiempo de lectura: < 1 minuto Al intentar ejecutar una aplicación que hace una llamada a una API desde flutter, me aparece el siguiente error: Error: Cannot run with sound null safety, because the following dependenciesdon’t support null safety: Para solucionar este error he seguido los siguientes pasos: Primero en la barra de opciones de Android Studio, hay que pulsar en … Leer más