Pasar de diseño a Flutter – con Adobe XD

Buscando opciones de como pasar del diseño al código ( ver como pasar del diseño en Sketch o Adobe XD a android, react, ios o flutter) , encontré otra opción de hacerlo desde Adobe XD, a diferencia de SuperNova, se puede pasar por partes y no es necesario hacer ajustes al código, al menos para […]

Pasar del diseño a Flutter – SuperNova

Buscando si había herramientas para pasar del diseño a código, encontré SuperNova, en youtube puede encontrar algunos tutoriales y su presentación oficial. Advertencia: Actualmente en la fecha en que se hace este post, supernova ya no ofrece la descarga, sino registro para acceso a su nueva versión que “pronto” saldrá, no hay fecha, por eso […]

Flutter Espaciado en Lista de columna

Column, spacing Cuando queremos un espacio entre los hijos children del widget Column, normalmente usan SizeBox, pero con Wrap se puede usar un atributo para el spaceado entre los hijos

Flutter Stack posiciones

Como indicar posiciones a los hijos en un widget stack

Flutter box shadow – sombreado

Aplicar sombra a un container con decoration

Crear librerías comunes entre aplicaciones Flutter

Desarrollando un sistema, que consta de dos apps según el rol del usuario, ( conductor y pasajero, vendedor y comprador, administrador y empleado, etc ), percate que si bien ya puedo desplegar en ambas plataformas, hay partes de la interfaz y la API que se repite, solo la lógica parece única, entonces surge la necesidad […]

Parte 4 – Configurar Proyecto Flutter para escuchar las notificaciones

Este post es parte del tutorial Flutter agregar push notificaciones para IOS y Android En main importar el paquete En _MyHomePageState , agregar una variable de firebase messaging y configurar sus listener. Lanzar el emulador IOS, en caso no sepa como hacerlo, en los siguientes link se describe como: . . Corriendo debera notar que […]

Parte 3 – Creamos proyecto en Firebase

Este post es parte del tutorial Flutter agregar push notificaciones para IOS y Android Creamos proyecto en firebase desde https://console.firebase.google.com/ y luego click en “Agregar proyecto“ En este caso lo nombraremos demo-notifications-flutter seguir los siguientes pasos, continue hasta crear el proyecto, En el panel que se muestra, escogemos IOS En el formulario de registro, pedirá […]

Parte 2 – Agregar dependencias de Firebase Messaging

Este post es parte del tutorial Flutter agregar push notificaciones para IOS y Android Abrir el proyecto flutter en Visual studio code Ahora buscamos los paquetes que necesitaremos en https://pub.dev y buscar firebase messaging Click en “Installing” y seguir las instrucciones, para esta versión indica, agregar firebase_messaging: ^7.0.3 en el archivo pubspec.yaml las dependencias Guardar […]

Flutter agregar push notificaciones para IOS y Android

Nota: Revisar la fecha y las dependencias usadas, ya que por políticas de las plataformas o nuevas versiones de estas librerías las indicaciones pueden variar Para los que pueden guiarse de la documentación oficial, solo necesitan: Crear un proyecto flutter Instalar el paquete https://pub.dev/packages/firebase_messaging/install Seguir la guía que indica en el readme según la plataforma […]