Conectar una Aplicación Flutter a un WebSocket

Conectar una Aplicación Flutter a un WebSocket

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos conectar una APP Flutter a un WebSocket de forma rápida y simple. Paso 1: Configuración del Proyecto Flutter Reemplaza «mi_app» con el nombre que desees para tu proyecto. Usaremos la libreria web_socket_channel: https://pub.dev/packages/web_socket_channel Para añadir la dependencia pondremos: Ejecuta flutter pub get para instalar las dependencias. Configuración del Socket: … Leer más

Añadir audio o sonidos en Flutter

Añadir audio o sonidos en Flutter

Tiempo de lectura: 2 minutos Para añadir audio o sonidos en Flutter vamos a utilizar la librería audioplayers. Primero la instalamos: Luego, ejecuta flutter pub get en tu terminal para instalar la dependencia. Organizar la estructura del proyecto Si aún no lo has hecho, organiza tu proyecto Flutter de manera que tengas una carpeta para los recursos, como imágenes y … Leer más

Generar un APK/AAB release (para publicar) con Flutter y Visual Stuido Code

Generar un APK/AAB release (para publicar) con Flutter y Visual Stuido Code

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos generar un APK o AAB para distribuir o publicar nuestra aplicación en la tienda de aplicaciones con Flutter y VS Code. Tenemos que crear un archivo de firma de aplicación con el siguiente comando: Indica el alias que necesites indicar. Recuerda que debes almacenarlo bien, ya que lo va … Leer más

Crear un anuncio recompensado (rewardedAd) con Admob en Flutter

Crear un anuncio recompensado (rewardedAd) con Admob en Flutter

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Rewarded con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más

Añadir anuncio Interstitial Admob con Flutter

Añadir anuncio Interstitial Admob con Flutter

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Interstitial con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más

Añadir banner con Admob en Flutter

Añadir banner con Admob en Flutter

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir un anuncio tipo Banner con Admob en Flutter Lo primero que vamos a hacer es crear el archivo con nuestros ids de anuncio, para ello tenemos que ir a Admob y obtener el código que nos permitirá añadir el banner. Ahora vamos a crear este archivo: idsAnuncios.dart Hemos … Leer más

Añadir imágenes a proyecto Flutter

Añadir imágenes a proyecto Flutter

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir imágenes dentro de un proyecto Flutter. Supongamos que tenemos creada nuestro proyecto Flutter: 1. Creación de la Estructura de Carpetas: Primero, asegúrate de tener la estructura de carpetas con la carpeta assets. Si aún no la tienes, crea una carpeta llamada assets en la raíz de tu proyecto. … Leer más

Añadir mensaje de consentimiento de anuncios para usuarios europeos Admob GDPR con Flutter

Añadir mensaje de consentimiento de anuncios para usuarios europeos Admob GDPR con Flutter

Tiempo de lectura: 2 minutos Hoy vamos a aprender a implementar el mensaje de consentimiento obligatorio de Google Admob que solicitará a los usuarios europeos por la ley GDPR o GPDR o Protección de Datos que quieran ver los anuncios de la APP con Admob. Vamos a utilizar el paquete oficial de Admob para Flutter (https://developers.google.com/admob/flutter/eu-consent?hl=es-419) En mi caso utilizo: … Leer más

Crear opciones Checkbox en Flutter con Dart

Crear opciones Checkbox en Flutter con Dart

Tiempo de lectura: < 1 minuto En este ejemplo voy a mostrar cómo crear un conjunto de opciones checkbox en Flutter en el lenguaje de programación Dart. Para ello vamos a crear un componente que vamos a llamar en este caso CheckboxGroup. Este elemento o componente, tendrá sus propiedades y eventos para manejar la selección de opciones, y así, poder usarlo … Leer más

Crear un Radio Group de opciones Radio Buttons en Flutter con Dart

Crear un Radio Group de opciones Radio Buttons en Flutter con Dart

Tiempo de lectura: 2 minutos En este ejemplo voy a mostrar cómo crear un conjunto de opciones y botones radios en Flutter en el lenguaje de programación Dart. Para ello vamos a crear un componente que vamos a llamar en este caso CustomRadio. Este elemento o componente, tendrá sus propiedades y eventos para manejar la selección de opciones, y así, … Leer más