Abrir PDF blob base64 (enviado de servidor) en Web o Móvil usando Flutter

Abrir PDF blob base64 (enviado de servidor) en Web o Móvil usando Flutter

Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos abrir un archivo PDF enviado desde un API REST a nuestra APP Flutter. Lo primero que vamos a hacer es instalar la librería de PDF para móvil en el pubspec.yaml Para instalar la librería utiliza: Ahora vamos a crear un Widget que reciba el archivo PDF en Base64. … Leer más

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Ejecutar plataforma o aplicación Flutter usando comandos por consola

Tiempo de lectura: < 1 minuto Para ejecutar una aplicación Flutter en la web, puedes seguir los siguientes pasos. Primero abre una terminal o línea de comandos en el directorio raíz de tu proyecto Flutter. Después ejecuta el siguiente comando para habilitar la funcionalidad de Flutter para la web: A continuación, ejecuta el siguiente comando para iniciar tu aplicación Flutter en … Leer más

Personalizar un loader en Flutter – Dart

Personalizar un loader en Flutter – Dart

Tiempo de lectura: 2 minutos Voy a mostrar un ejemplo de cómo personalizar un loader para que aparezca en el momento que necesitemos cargar datos en nuestra aplicación. El elemento loader es el siguiente. Para customizar los colores y la anchura del elemento loader, debemos centrarnos en la siguiente parte del código. A continuación muestro el código completo. Espero que … Leer más

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

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