Mostrar un loader con un stack cada vez que se carga una petición dio con Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos mostrar un loader cada vez que se cargue una petición network usando dio y Flutter. Lo primero que haremos es crear un LoaderNotifier, se encargará de mantener el estado del loader. loader_notifier.dart Vamos a nuestro dio_client.dart Y ahora vamos a crear el stack, para ello nos vamos a main.dart … Leer más

Añadir dio en Flutter para realizar peticiones http/https

Añadir dio en Flutter para realizar peticiones http/https

Tiempo de lectura: 2 minutos Dio es una biblioteca HTTP poderosa y flexible para Dart y Flutter. Proporciona una API fácil de usar para realizar solicitudes HTTP y manejar respuestas, similar a otras bibliotecas HTTP como axios en JavaScript. Dio es particularmente popular en la comunidad Flutter debido a sus características avanzadas, como la configuración de solicitudes, manejo de respuestas, … Leer más

Forzar modo vertical en una APP Android o iOS (vale para React Native, Flutter, Kotlin y Java)

Forzar modo vertical en una APP Android o iOS (vale para React Native, Flutter, Kotlin y Java)

Tiempo de lectura: < 1 minuto Para asegurarte de que tu aplicación solo se muestre en modo vertical, puedes configurar la orientación de la pantalla tanto en Android como en iOS. Android iOS Código Dart para Flutter (opcional) Si deseas hacerlo directamente desde el código Dart, puedes usar el paquete flutter/services.dart: Con estas configuraciones, tu aplicación solo se mostrará en modo … Leer más

Crear un enum en Dart

Crear un enum en Dart

Tiempo de lectura: 2 minutos En Dart, puedes crear un enum (enumeración) para definir un conjunto de valores constantes relacionados. Un enum es útil cuando quieres representar un grupo fijo de opciones. Aquí te muestro cómo hacerlo: Definición de un Enum Para definir un enum, usa la palabra clave enum seguida del nombre del enum y una lista de sus … Leer más

Reiniciar una APP Flutter (por ejemplo al cerrar sesión de usuario)

Reiniciar una APP Flutter (por ejemplo al cerrar sesión de usuario)

Tiempo de lectura: < 1 minuto Hoy vamos a aprender con un código sencillo, cómo podemos reiniciar una APP de Flutter. Esto lo podemos utilizar por ejemplo al cerrar la sesión iniciada del usuario. Para poder reiniciar a la pantalla principal y además reestablecer el árbol de rutas tendremos que poner este código: En ‘/’ indicamos la primera ruta a la … Leer más

Añadir vibración Háptica en Flutter

Añadir vibración Háptica en Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a añadir vibración háptica en Flutter. Primero tenemos que añadir este permiso dentro de Manifest del proyecto Android: Y ahora podremos realizar la vibracion de esta forma: Y podemos poner las siguientes vibractiones: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más

Obtener versión de aplicación en Flutter

Obtener versión de aplicación en Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos obtener la versión de la APP en Flutter. Primero instalamos package_info: Con este paquete podemos obtener la versión de la APP. Ahora podremos obtener el dato de la siguiente forma: O también podemos hacerlo sin await: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles … Leer más

Transformar vector XML de Android a un SVG usando la línea de comandos

Transformar vector XML de Android a un SVG usando la línea de comandos

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos transformar un vector XML de Android a un vector en formato SVG usando la línea de comandos. Con el vector en SVG podremos utilizarlo tanto en React, Flutter o Web. Lo primero que haremos es instalar esta librería (si queremos podemos usar la web): Una vez instalada la vamos … Leer más

Componente botón usando Flutter en lenguaje Dart

Componente botón usando Flutter en lenguaje Dart

Tiempo de lectura: 2 minutos En este post vamos crear un componente de botón personalizable en Flutter utilizando el widget ElevatedButton. Este componente nos permitirá crear botones con texto, icono y personalizar varios aspectos como el color, tamaño del texto y el ancho del botón. Ahora que hemos creado el componente de botón personalizable, podemos utilizarlo fácilmente en cualquier parte … Leer más