Código Flutter

En el capítulo de hoy hablamos de Navigator, un widget muy importante que necesitaremos conocer para saltar de una pantalla a otra en nuestras aplicaciones.

Estos son los conceptos que mencionamos en el podcast:

Navegación bien pensada es importante para situar a los usuariosLas pantallas en Flutter son llamadas «routes».La navegación entre pantallas funciona como una pilaPara mostrar una nueva pantalla usaremos Navigator.push()Para volver a la pantalla anterior usaremos Navigator.pop(). Flecha para atrás en menú y botón atrás de androidSe pueden asignar identificadores a las pantallas para poder acceder directamente por identificador (Con las propiedades routes e inicialRoute)Para abrir la pantalla desde el identificador podemos usar pushNamedPodemos volver directamente a la home con popUntil.Podemos pasarle información a una nueva pantalla por constructorPodemos recibir información de la nueva pantallaAnimaciones en el cambio de pantalla con el widget Hero

Si vais a programar una app, seguro que necesitáis trabajar con datos, ya sea porque hay que gestionar información que suministra la propia aplicación o porque el usuario pueda insertar y trabajar con sus propios datos. Desde una compleja aplicación de formularios de facturas hasta un pequeño juego que guarde la última puntuación, todo trabaja con datos.

Hoy veremos 4 opciones que tenemos para trabajar con datos en Flutter:

Base de datos relacional con SQLiteAlmacenamiento de datos clave-valorAlmacenamiento en ficherosAlmacenamiento en la nube

Hoy hablamos sobre cómo podemos trabajar con formularios en nuestras aplicaciones con Flutter. No es lo más divertido a la hora de programar, pero qué le vamos a hacer, la vida tiene formularios

En el capítulo de hoy vamos a hablar sobre cómo podemos usar imágenes con Flutter, algo que seguro necesitarás en cualquier app que quieras programar.

En concreto hablaremos sobre:

Cómo declarar nuestra carpeta de imágenes en pubspec.yamlFicheros específicosCarpetas completas (ojo, no incluye sub-carpetas)sub-carpetas Mostrar imágenes con AssetImageCargar imágenes desde URL con Image.networkWidget para cachear imágenes: CachedNetworkImageVentajas de utilizar imágenes guardadas en nuestra appRapidezDisponibilidad (si no controlamos el origen de una URL)No necesitamos conexiónVentajas de utilizar apps por URLMejoramos el tamaño de nuestra aplicaciónPodemos cambiarlas si controlamos el origen

En el capítulo de hoy hablamos de Firebase, esta plataforma de Google llena de herramientas para nuestras apps.

En el episodio de hoy no vamos a hablar de nada técnico. Reflexionaremos sobre aprender haciendo proyectos y compartiré con vosotros un objetivos que tengo

En el episodio de hoy hablamos de Flutter 1.2, la nueva versión que se presentó la semana pasada en el Mobile World Congress.

Efectivamente la semana pasada tuvo lugar el Mobile World Congress que se celebra como cada año en la ciudad de Barcelona. Sabía que la gente de Flutter iba a estar por allí con su stand para enseñar sus cosas, pero no esperaba una presentación de una nueva versión estable.

Flutter 1.2, la primera versión estable desde la 1.0. Según han contado y en un resumen muy resumido, las principales novedades que presentan son las siguientes:

Mejoras en el rendimiento, estabilidad y calidad del coreMejorar los Widgets que ya existen (tanto de Material como de Cupertino)Herramientas para los desarrolladores en la web

También destacan otros puntos como son:

Soporte de in-app purchasesSoporte para Android App Bundles,Corrección de errores en Maps, Videoplayer y WebviewIncluye el SDK de Dart 2.2, lo que significa mejoras en el rendimiento

En cuanto a esa suit de herramientas que comentaban, se trata de una serie de herramientas a las que podemos acceder en una web. En los IDEs de desarrollo de Flutter (si tenemos la última versión de los plugins), tenemos un botón para acceder a las «Open DevTools», lo que nos abre un navegador con Herramientas como un inspector de widgets o un sistema de debug. En principio estas herramientas aún están en una fase inicial.

En el episodio de hoy hablaremos sobre Flutter Create, un concurso en que que hay que presentar una aplicación interesante con menos de 5KB de código!

Además comentamos que Flutter ha lanzado su propio canal de youtube independiente del de Google Developers.

En el episodio de hoy hablamos sobre las características de Dart, el lenguaje de programación que usamos para programar con Flutter.

Dart es un lenguaje creado por Google. Es de código abierto y de propósito general. En primer momento lo presentaron como una alternativa a javascript, hará unos 7 años, pero la cosa no triunfó mucho. Ahora ha sido rescatado para Flutter y parece que puede tener una segunda vida interesante.

Algunas características de Dart

Hablaremos de las características de Dart:

Aparte de su uso para programación de apps en móviles con Flutter, se puede utilizar también como lenguaje de Backend o de Frontent.Como otros muchos lenguajes, obliga a que sus sentencias terminen en «;».Tiene las típicas instrucciones de condicionales y bucles.También tiene los típicos try catch para el manejo de excepciones.Es un lenguaje orientado a objetos. En Dart, todos lo que se pueda meter en una variable es un objeto, incluso las funciones o los tipos más básicos como enteros.Es fuertemente tipado. Esto significa básicamente que una vez que se ha creado una variable de un tipo no se lo podemos cambiar. Aunque a su vez no nos obliga a especificar el tipo de u a variable cuando la declaramos (podríamos utilizar «var» para declarar), ya que capaz de averiguarlo. Esto es lo que se llama inferencia de tipos. No tenemos las palabras public o private para gestionar la visibilidad. Para identificar los métodos o variables privadas de una clase se utiliza simplemente un carácter «_» al comienzo del nombre de ese método o variable.El valor por defecto de las variables es null, incluso para las numéricas.Las constantes se definen con const o final. Las dos son constantes, pero const debe saber el valor de la constante en tiempo de compilación y final en tiempo de ejecución.Los programas empiezan su ejecución en la función main(). Debemos escribir una función main() que será la primera que se ejecute.El equivalente al array en dart sería la clase List. Con mucho a métodos muy interesantes que nos permiten trabajar de forma muy cómoda con colecciones de datos.También es importante el tipo Map, que nos permite definir colecciones asociando claves a valores.Las funciones en Dart también son muy interesantes. Las funciones también son un objeto (Function), por lo que podemos asignar una función a una variable o pasarlas como parámetro a otra función. Si una función sólo tiene una sentencia de return podemos usar sintaxis acortada. Podemos elegir que los parámetros de una función se pasen por orden o por nombre. El paso de parámetros por nombre nos facilita mucho la vida a la hora de llamar funciones parámetros opcionales o mucha cantidad de éstos, ya que podemos pasarle los parámetros que queramos en el orden que queramos y todo queda mucho más claro. Por eso, todos los constructores de los widgets de Flutter utilizan esto. Podemos usar también funciones anónimas.

También os doy mi opinión sobre por qué Google ha elegido este lenguaje de programación para Flutter.

Si queréis hacer alguna prueba y no tenéis instalado Dart en vuestro equipo, podéis usar DartPad, un editor online en que que podéis ver el resultado de vuestro código.

En el capítulo de hoy hablamos de los plugins, esos paquetes de código que tenemos a nuestra disposición para desarrollar apps con Flutter.

Hemos hablado de cómo Flutter es capaz de pintar interfaces de usuario de una forma muy interesante. Pero no todo son interfaces de usuario, si por ejemplo queremos acceder a la cámara del móvil para echar una foto necesitamos comunicarnos con el sistema operativo. Para eso podríamos escribir parte de nuestro proyecto de Flutter en el código nativo de cada plataforma, pero entonces perdería toda la «gracia». Por esto existen también los plugins, tenemos a nuestra disposición muchos paquetes que podemos importar, que ya han hecho este trabajo en nativo por nosotros y que proporcionan unas librerías que podemos usar en Dart cómodamente.

En la página de plugins de dart para flutter podéis encontrar un montón de plugins para usar en vuestros desarrollos. Una vez que hayamos escogido el plugin que necesitamos, debemos añadirlo en las dependencias indicadas en el fichero pubspec.yaml de nuestro proyecto.

Por supuesto también podemos crear nuestros propios plugins, pero de eso ya hablaremos en otra ocasión.