Crear un widget que pueda contener a otros widgets (ejemplo de custom card) con Flutter

Crear un widget que pueda contener a otros widgets (ejemplo de custom card) con Flutter

Tiempo de lectura: < 1 minutoHoy vamos a aprender cómo podemos generar un Widget que sea capaz de contener otros Widgets y usarse de fondo en Flutter. Lo primero que vamos a hacer es crear nuestro Widget al que llamaremos CustomCard.dart Contiene este código: Una vez creado, podemos personalizarlo, lo interesante de este Widget es que puede contener a otros … Leer más

Configurar Google Firebase en proyecto Flutter

Configurar Google Firebase en proyecto Flutter

Tiempo de lectura: 4 minutosHoy vamos a aprender cómo podemos configurar Google Firebase en un proyecto Flutter. Lo primero que tenemos que hacer es crear nuestro proyecto Firebase, para ello vamos a https://firebase.google.com/ Y pulsamos en Ir a la consola: Elegimos Agregar Proyecto Elegimos un nombre para la APP. Podemos elegir si queremos activar Google Analytics. Esperamos a que … Leer más

Añadir notificaciones PUSH con Google Cloud Messaging en Flutter para Android o iOS

Añadir notificaciones PUSH con Google Cloud Messaging en Flutter para Android o iOS

Tiempo de lectura: 6 minutosHoy vamos a implementar un sistema de notificaciones PUSH basado ene Google Cloud Messaging utilizando Flutter y capaz de funcionar en Android o iOS. Lo primero que tenemos que hacer es crear nuestro proyecto Firebase, para ello vamos a https://firebase.google.com/ Y pulsamos en Ir a la consola: Elegimos Agregar Proyecto Elegimos un nombre para la … Leer más

Añadir el título de APP en distintos idiomas para Android / iOS usando Flutter

Añadir el título de APP en distintos idiomas para Android / iOS usando Flutter

Tiempo de lectura: 2 minutosHoy vamos a aprender cómo podemos establecer el título de nuestra APP en distintos idiomas usando Flutter. Para Android Lo primero que tenemos que hacer es ir al título de nuestra APP, este se encuentra dentro de android\app\src\main\AndroidManifest.xml Ahora vamos a crear una variable que nos permitirá cambiar el título según el idioma: Hemos creado … Leer más

Solucionar error: Building with plugins requires symlink support. Please enable Developer Mode in your system settings. En Flutter build

Solucionar error: Building with plugins requires symlink support. Please enable Developer Mode in your system settings. En Flutter build

Tiempo de lectura: < 1 minutoSi utilizando el comando: o el comando: Te aparece el siguiente mensaje de error: Es debido a la falta de soporte de enlaces simbólicos (symlink) en tu sistema. Este problema puede surgir en sistemas operativos que no tienen habilitado el soporte para desarrolladores o cuando Flutter no puede crear enlaces simbólicos para los plugins del … Leer más

Cómo obtener la ubicación actual (latitud y longitud ) en Flutter

Cómo obtener la ubicación actual (latitud y longitud ) en Flutter

Tiempo de lectura: 2 minutosPara obtener la ubicación actual de forma rápida y sencilla hay que seguir los siguientes pasos:Primero nos aseguramos de que hemos agregado la dependencia geolocator en el archivo pubspec.yaml: Luego, ejecutamos flutter pub get para instalar la dependencia. A continuación hay que agregar los permisos necesarios en el archivo AndroidManifest.xml: Después implementamos el siguiente código, … Leer más

Conectar una Aplicación Flutter a un WebSocket

Conectar una Aplicación Flutter a un WebSocket

Tiempo de lectura: 2 minutosHoy 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 minutosPara 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 o AAB release (para publicar) con Flutter y Visual Stuido Code

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

Tiempo de lectura: 2 minutosHoy 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 minutosHoy 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