Cargar una función en Flutter cuándo regresas a una pantalla

Cargar una función en Flutter cuándo regresas a una pantalla

Tiempo de lectura: 2 minutos En Flutter, si deseas ejecutar una función cada vez que vuelves a una pantalla (por ejemplo, después de navegar a otra pantalla y regresar), puedes hacer uso de NavigatorObserver. Crear una Clase Personalizada NavigatorObserver con el siguiente contenido: Configura el Observador en tu MaterialApp Pasa el observador de navegación a MaterialApp en tu widget principal: … Leer más

Comandos más útiles en NPM

Comandos más útiles en NPM

Tiempo de lectura: 2 minutos Hoy vamos a compartir una lista de comandos más útiles para usar en NPM. Comandos más útiles de npm (Node Package Manager), junto con una breve descripción de lo que hacen: Comandos Básicos Gestión de Dependencias Información y Búsqueda Limpieza y Mantenimiento Publicación Autenticación y Gestión de Usuario Estos comandos deberían cubrir la mayoría de … Leer más

Generar listado de librerías globales instaladas en NPM

Generar listado de librerías globales instaladas en NPM

Tiempo de lectura: < 1 minuto Hoy os comparto un comando muy simple para poder ver el listado de librerías globales instaladas en NPM y controlar el número de versiones. Con este comando podrás ver la lista de librerías instaladas de forma global en NPM. Y devolverá la lista: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y … Leer más

Usar un provider con Change Notifier con Flutter

Usar un provider con Change Notifier con Flutter

Tiempo de lectura: 2 minutos En el ejemplo de hoy, vamos a aprender cómo crear un provider mediante un Change Notifier con Flutter. Vamos a tratar de cambiar el color del fondo desde distintas pantallas en las que naveguemos. Primero tenemos que instalar el paquete provider: Ahora vamos a crear un ChangeNotifier llamado BackgroundColorNotifier Ahora tenemos que añadir este ChangeNotifierProvider … Leer más

Crear un anuncio Interstitial Bonificado con Admob en Flutter

Crear un anuncio Interstitial Bonificado con Admob en Flutter

Tiempo de lectura: 2 minutos Hoy vamos a implementar un anuncio Interstitial Bonificado con Admob en Flutter. Lo primero que haremos es crear nuestro componente llamado rewarded_interstitial.dart Id de prueba: ca-app-pub-3940256099942544/5354046379 He añadido el ID de prueba, podremos añadir el que necesitemos o hacer una clase que según sea iOS/Android o test nos cargue el ID correspondiente: Y ahora para … Leer más

Abrir URL desde una APP Flutter

Abrir URL desde una APP Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos abrir una URL externa desde una APP Flutter. Lo primero que vamos a hacer es instalar la dependencia url_launcher Una vez instalada, vamos a crear esta función qué nos permitirá abrir las URLs desde nuestra APP o juego: Para utilizarla pondremos: Y nos abrirá la URL en la APP … Leer más

Evitar que en una pantalla se pueda retroceder usando Flutter

Evitar que en una pantalla se pueda retroceder usando Flutter

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a usar PopScope que nos permitirá evitar poder retroceder en una pantalla al pulsar atrás en nuestro móvil Android o iOS con Flutter. Lo primero que tenemos que hacer es ir a nuestro Widget build y añadir el widget que nos permitirá evitar que salgamos de la pantalla: Este componente nos … Leer más

Cambiar nombre de package (paquete) en Flutter

Cambiar nombre de package (paquete) en Flutter

Tiempo de lectura: 2 minutos Hoy vamos a ver cómo cambiar el nombre del Package con Flutter. Esto es un proceso tedioso por lo que recomiendo mucha atención, ya que puedes cargarte tu proyecto. Habrá que realizar pasos tanto en Android como en iOS: Android Cambiar el package en AndroidManifest.xml: NOTA: en versiones modernas del SDK Android no viene incluido … Leer más

Crear un WebView (visor web) en Flutter

Crear un WebView (visor web) en Flutter

Tiempo de lectura: 2 minutos Hoy vamos a aprender a crear un Widget tipo WebView que nos permita visualizar URLs en forma de visor web con Flutter. Primero vamos a instalar el paquete webview_flutter: Y ahora vamos a crear un widget que llamaremos WebViewCustomWidget.dart Configuración para Android Asegúrate de que tu proyecto esté configurado para soportar WebView en Android: Configuración … Leer más

Utilizar GlobalKey en Flutter para usar métodos de Widgets desde otros componentes

Utilizar GlobalKey en Flutter para usar métodos de Widgets desde otros componentes

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos utilizar GlobalKey en Flutter para poder utilizar métodos que alteran los Widgets desde otros componentes. Lo primero que tenemos que hacer es crear una GlobalKey fuera del Widget: Ahora modificamos el Widget quitando las class privadas por públicas en los States (es decir quitando el _ previo que tienen … Leer más