Código Flutter

En el episodio de hoy hablamos de «the motion system«, unas nuevas directrices dentro de Material design sobre patrones de transiciones. La idea es que mediante diferentes tipos de animaciones de transiciones entre los diferentes elementos de la app, consigamos que el usuario entienda perfectamente donde está en todo momento y pueda navegar de forma muy intuitiva.

Estos patrones de transición son cuatro:

Container transform: Para elementos que «contienen» a otros elementos, como si se abrieran o expandieran para mostrar al elemento contenido. Por ejemplo cuando seleccionamos un elemento de una lista y se abre su página de detalleShared axis: Transición entre elementos entre los que se puede navegar y que están a un mismo nivel. Por ejemplo el cambio de un «paso 1» a un «paso 2» en un proceso de compra. Como un desaparecer y aparecer pero combinado con un movimiento horizontal o vertical en función del sentido de la navegación que queramos que experimente el usuario.Fade through: Transición entre elementos que no tienen una relación clara. Por ejemplo si abrimos otro elemento de la app desde un menú. El efecto es el de desaparecer y aparecer.Fade: Para elementos que aparecen temporalmente y que no tocan los bordes de la pantalla, como un formulario modal. Tienen una animación parecida al anterior pero combinado con algún efecto de escalado.

Primero definimos un poco lo que es Material design, la guía de diseño y estilo para apps de Google que nació de la mano de Android 5.0. Creo que es muy útil para que los usuarios tengan una buena experiencia de usuario si todas las apps de su sistema tienen un mismo orden y unos mismos principios. Además nos da una base consistente que poder usar si no somos diseñadores.

Hablamos del plugin animations, que nos sirve para implementar estas novedades y de lo que significa que desde el minuto uno tengamos este plugin.

Nombramos también brevemente el widget de la semana de Flutter, ListWheelScrollView. Una auténtica maravilla para conseguir un efecto muy atractivo en nuestras listas de elementos.

Hoy hablamos de hive, una base de datos que nos puede venir muy bien para proyectos que necesitan almacenar datos, pero no tantos como para tener un SQLite y no tan pocos como para quedarnos con un SharedPrefenrences. Además puede ser la solución para un proyecto Flutter web.

¡Vuelve código Flutter! En el programa de hoy os explico mi escusa para haber desaparecido dos meses y repasamos algunas de las cosas que han pasado en el mundillo de Flutter desde la última vez que nos vimos.

Supernova. https://supernova.io/ . Para Mac. Gratuito para Flutter. Flutter 1.12Flutter favorite programWeb support en betaMacOS en alphadartpad.dev ahora también con FlutterClock challengeHerramientas de la comunidad: PanacheFlutter con más estrellas en github que React NativeFlutter Europe

Encantado de estar por aquí de nuevo. La semana que viene más

Hoy charlamos con Daniel Illescas, creador de la app DevSnippets que nos contará su experiencia desarrollando y publicando esta app con Flutter.

Podéis encontrar la app para iOS (https://apple.co/32AJWJl) y para Android (http://bit.ly/2NBednc)

Hoy hablamos sobre algo muy concreto, la programación asíncrona. Para qué nos puede servir y cómo utilizarla en Dart con Future.

En el capítulo de esta semana hablamos de cómo configurar nuestra app para que soporte diferentes idiomas y cómo gestionar las traducciones de nuestros textos.

Esta semana vamos a hablar de dos tipos de animaciones que podemos hacer con Flutter.

Por un lado la animación Hero que nos permite de forma extremadamente sencilla conseguir que cuando dos pantallas contienen una imagen igual, consigamos un efecto de transición entre estas que hace pensar al usuario que la imagen es la misma, que está compartida y que se transforma, proporcionando una sensación muy buena de fluidez.

Por otro lado hablaremos de AnimationController y de cómo nos va a permitir realizar cualquier efecto que queramos utilizando un valor cambiante en las propiedades de nuestros widgets.

En el episodio de hoy vamos a hablar de cómo podemos utilizar los packages para reutilizar y mantener un código que utilicemos en varias aplicaciones diferentes.

¡Hoy tenemos entrevista! Charlamos un rato con José Manuél Robles que nos va a contar cómo están utilizando Flutter en su startup para una aplicación de accesibilidad muy interesante. Además este fin de semana lo vamos a tener en el FlutterConf de Marbella.

En el capítulo de hoy hablaremos de las notificaciones push y de cómo podemos recibirlas y utilizarlas en nuestras aplicaciones con Flutter gracias a firebase y al plugin firebase_messaging.