Uso de Timer en Flutter para llamar cada 30 segundos a una función

Uso de Timer en Flutter para llamar cada 30 segundos a una función

Tiempo de lectura: 2 minutos La función Timer en Flutter nos permitirá ejecutar una función cada X segundos que indiquemos. Pasos para implementarlo: Configura el Timer en tu StatefulWidget Define y administra el Timer en el estado del widget para que puedas iniciar, detener y reiniciar el temporizador según el estado del widget. Explicación del Código isMa Ingeniero en Informática, … Leer más

Usar WidgetsBindingObserver para detectar cuándo se minimiza y regresa a la APP con Flutter

Usar WidgetsBindingObserver para detectar cuándo se minimiza y regresa a la APP con Flutter

Tiempo de lectura: 3 minutos WidgetsBindingObserver es una interfaz en Flutter que permite observar y responder a los cambios en el ciclo de vida de una aplicación. Esto es útil para realizar tareas específicas cuando la aplicación entra en diferentes estados, como cuando pasa a primer plano, se va al segundo plano, o se detiene. 1. Introducción a WidgetsBindingObserver WidgetsBindingObserver … Leer más

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

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