Componente botón usando Flutter en lenguaje Dart

Componente botón usando Flutter en lenguaje Dart

Tiempo de lectura: 2 minutos En este post vamos crear un componente de botón personalizable en Flutter utilizando el widget ElevatedButton. Este componente nos permitirá crear botones con texto, icono y personalizar varios aspectos como el color, tamaño del texto y el ancho del botón. Ahora que hemos creado el componente de botón personalizable, podemos utilizarlo fácilmente en cualquier parte … Leer más

Elemento Widget Select de opciones o DropdownButton en Dart usando Flutter

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: 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 Por último visualizamos el … Leer más

Añadir Google Sign Auth en Flutter

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

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

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

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

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

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

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

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