Flutter

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

por
Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

Tiempo de lectura: 2 minutos Hoy vamos a hacer un widget personalizado llamado CustomDropdownButton, que se utiliza para mostrar un menú desplegable (DropdownButton) con opciones seleccionables. El widget acepta tres parámetros: El objeto opcion: Uso del Widget: Para utilizar este widget, simplemente hay que incorporarlo en el árbol de widgets y proporciona los parámetros requeridos como muestro a continuación: Creamos … Leer más

Añadir Google Sign Auth en Flutter

por
Añadir Google Sign Auth en Flutter

Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos implementar la autenticación con Google en nuestra APP de Flutter. Vamos a Google Cloud Platform (https://cloud.google.com/) y pulsamos en Consola Ahora seleccionamos nuestro proyecto (si ya lo tenemos creado por Firebase) o creamos uno nuevo. Ahora buscamos: oauth clients Elegimos External: Rellenamos el nombre de la aplicación y los … Leer más

Ejecutar Flutter en un móvil Android de forma remota por Wireless

por
Ejecutar Flutter en un móvil Android de forma remota por Wireless

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos ejecutar una aplicación Flutter en nuestro Android de forma remota. Abrimos nuestra consola con el proyecto Flutter y ponemos: Y aparecen: Ahora vamos a activar ADB usando Wifi, para ello necesitamos que nuestro dispositivo esté conectado a la misma red que nuestro PC y tenga activadas las opciones de … Leer más

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

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

Tiempo de lectura: < 1 minuto Hoy 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

por
Configurar Google Firebase en proyecto Flutter

Tiempo de lectura: 4 minutos Hoy 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

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

Tiempo de lectura: 6 minutos Hoy 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

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

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

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

Tiempo de lectura: < 1 minuto Si 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

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

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

por
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