El desarrollo con Flutter gana popularidad como una manera potente de hacer aplicaciones móviles sobresalientes. Esta guía completa le llevará por todas las sutilezas de Flutter: qué sabe hacer y cómo construir con él aplicaciones de buena calidad. Hemos buscado un tono claro y amistoso, para que el texto sirva a principiantes y a desarrolladores curtidos por igual.
¿Qué es Flutter?
Flutter es un conjunto de herramientas de desarrollo (SDK) de código abierto, creado por Google para aplicaciones en distintas plataformas: Android, iOS y la web. El código se escribe una sola vez, lo que permite publicar aplicaciones para varias plataformas a la vez sin dispersar fuerzas. Flutter emplea el lenguaje Dart: quien conoce Java o JavaScript se maneja con él sin esfuerzo.
¿Por qué elegir Flutter?
Flutter presenta varias ventajas frente a otras plataformas de desarrollo móvil:
- trabajo rápido gracias a la recarga «en caliente»;
- un solo código para aplicaciones multiplataforma;
- una amplia biblioteca de elementos de interfaz;
- un sólido apoyo de la comunidad.
Preparamos el entorno de desarrollo
Antes de meterse con Flutter, importa preparar bien el entorno de trabajo. Esta sección describe los pasos necesarios para instalar y ajustar Flutter y todo aquello de lo que depende.
Instalar el SDK de Flutter
Para empezar, descargue el SDK de Flutter desde el sitio oficial. Elija la versión adecuada a su sistema (Windows, macOS o Linux) y siga las indicaciones de instalación.
Ajustar el entorno
Flutter funciona con distintos entornos de desarrollo (IDE): Android Studio, Visual Studio Code, IntelliJ IDEA. Descargue e instale el que prefiera y no olvide añadir las extensiones de Flutter y Dart.
Crear un proyecto nuevo
Una vez listo el entorno, cree un proyecto nuevo de Flutter siguiendo las indicaciones. Así aparecerá el armazón de una aplicación con los archivos y carpetas necesarios.
Fundamentos de Flutter
El entorno está en pie: toca entender cómo se construye el desarrollo con Flutter.
El lenguaje Dart
Dart es un lenguaje orientado a objetos con tipado estático, pensado justamente para aplicaciones rápidas que crecen sin dificultad. Si conoce Java o JavaScript, Dart le vendrá sin esfuerzo.
Los widgets
En Flutter todo es un widget. Los widgets son los ladrillos de la interfaz; con ellos se arman partes que pueden reutilizarse y ajustarse. Hay de dos clases: sin estado y con estado.
La disposición
Flutter emplea un sistema flexible de disposición para que la interfaz se adapte a la pantalla. Ofrece diversos widgets con ese fin —filas, columnas, rejillas y listas— con los que se compone con facilidad el aspecto que conviene a la aplicación.
Construimos una aplicación sencilla
Esta sección describe los pasos para construir una aplicación Flutter sencilla: de la creación del proyecto a la forma de la interfaz y al funcionamiento mismo de las funciones.
El armazón de la aplicación
Empiece por un proyecto nuevo de Flutter y adapte su armazón a su idea. Borre el código generado automáticamente y escriba el suyo.
Dar forma a la interfaz
Con ayuda del catálogo de widgets de Flutter, arme la interfaz a partir de diversos elementos. Pruebe distintas disposiciones, estilos y animaciones: la aplicación resultará más grata a la vista.
Añadir funciones
Describa cómo responde la aplicación a los gestos de la gente: pulsaciones de botones, entrada de texto. Escriba el código Dart necesario para atender esos gestos y cambiar a tiempo el estado de la aplicación.
Comprobar y depurar
Sírvase de la recarga «en caliente» para probar la aplicación sobre la marcha. Detecte y corrija los fallos y las lentitudes: el funcionamiento será parejo.
Temas más avanzados
Cuando los fundamentos resulten familiares, aborde cosas más finas: elevarán su nivel y permitirán aplicaciones más elaboradas.
La gestión del estado
En aplicaciones complejas, la gestión del estado desempeña un papel clave. Examine distintos medios —Provider, Bloc, Redux— y quédese con el que sostenga el estado sin dañar la rapidez.
Pasos entre pantallas
Entienda cómo se organizan los pasos y las rutas en una aplicación Flutter: de eso depende la fluidez con que la gente se mueve entre pantallas y estados.
Las animaciones
Dé vida a su aplicación con movimiento y transiciones suaves. Flutter ofrece una biblioteca sólida de animación, con la que se logran con facilidad efectos suaves y expresivos.
Widgets propios
Amplíe las posibilidades de su aplicación con widgets hechos a su medida. Aprenda a componerlos a partir de los existentes o a construirlos desde cero.
Buenas costumbres
Las buenas costumbres en el desarrollo con Flutter mejoran tanto la calidad del código como la impresión que deja la aplicación.
Orden en el código
Mantenga el código en orden: reparta los elementos de interfaz, la lógica de negocio y los modelos de datos en archivos y carpetas distintos. Resultará más legible y fácil de mantener.
La rapidez
Acelere la aplicación: no redibuje widgets sin necesidad, cargue los conjuntos grandes de datos a medida que hagan falta, guarde imágenes y datos en la caché.
Pruebas e integración continua
Escriba pruebas unitarias, pruebas de widgets y pruebas de integración: el comportamiento de la aplicación seguirá siendo previsible. Disponga herramientas de integración continua para que la comprobación y la publicación se hagan solas.
Conclusión
El desarrollo con Flutter es un bagaje sólido para crear buenas aplicaciones multiplataforma. Dominando los fundamentos y asomándose a temas más finos, sabrá aprovechar del todo las posibilidades de Flutter. Aténgase a las buenas costumbres y siga las herramientas y los métodos nuevos: el mundo del desarrollo cambia deprisa.