Easy Flutter: elementos esenciales para principiantes

En este artículo haremos un breve Introducción sobre Flutter Cubriremos la historia de su fundación, su estructura y su elemento más esencial: los widgets. Sin embargo, para entrar en contexto primero vamos a definir esa tecnología para dar forma al concepto.

¿Qué es el aleteo?

Bueno, según Google en la página de documentación,

Flutter es el kit de herramientas de interfaz de usuario de Google para crear hermosas aplicaciones compiladas de forma nativa para dispositivos móviles, web y de escritorio desde una única base de código.

Flutter.dev

Entonces, como dicen, es un Kit de desarrollo de software de UI (SDK) construido por ellos que permite a los desarrolladores crear aplicaciones para iOS, Androide, la web, Windows, Mac, Linux, incluido Google Fuchsia, ese extraño sistema operativo de código abierto en desarrollo actualmente por Google. Sí, tal como lo leíste. De antemano (más adelante explicaremos sus limitaciones) podemos asumir y resumir que es un paquete, una colección de herramientas de software para el desarrollo en un paquete instalable con el que puede fácilmente crear excelentes aplicaciones multiplataforma. Ahora veamos el origen de este SDK.

Una pequeña historia

Flutter salió a este mundo con el nombre "Cielo"Durante la Cumbre de Desarrolladores de Dart de 2015, ya indicando su propósito de presentar en un solo código base una aplicación creada para ambos Android e iOS a 120 cuadros por segundo (FPS).

Luego, Google lanzó Flutter alpha, el V-0.06, en mayo de 2017. Más tarde, en junio de 2018, en la conferencia de GMTC en Beijing, anunciaron Vista previa de lanzamiento de aleteo 1, que muestra una nueva fase del desarrollo en las etapas finales de estabilización para 1.0 y la segunda vista previa de Flutter en septiembre de 2018.

Fue en este momento cuando los desarrolladores comenzaron a sentir los delirios y la magia. Incluso antes de que se lanzara la versión 1.0, muchas aplicaciones de Flutter llegaron a las tiendas. Aplicaciones como: Alibaba, Google Ads, Tencent, Reflecty fueron prueba de que Flutter podría cambiar el desarrollo de la aplicación front-end.

Finalmente, Google lanzó Flutter 1.0, la versión estable, el 5 de diciembre de 2018. Para esto trabajaron en dos dimensiones en 2D para crear una hermosa aplicación llamada "La historia de todo", Que era una especie de línea de tiempo arreglada de la historia conocida desde Big Bang hasta nuestros días. Esta aplicación fue excelente y mostró cuán poderoso podía ser Flutter.

Bueno, historia interesante, pero ¿qué contiene exactamente ese paquete?

Arquitectura marco

Flutter tiene aproximadamente los siguientes componentes:

• los Dardo plataforma. Dart es el lenguaje de codificación con el que se hacen las aplicaciones Flutter.
• Aleteo del motor, principalmente escrito en C ++ y usando el motor gráfico Skia de Google
• Biblioteca de la fundación (clases y funciones básicas para crear aplicaciones y la API para el motor)
• Un montón de widgets específicos

Espera ... pero ¿qué son esas cosas llamadas "widgets"?

Widgets

Si está acostumbrado a programar con widgets de lenguajes de programación orientada a objetos (OOP), le resultará familiar. Tenemos que recordar que Flutter es un útil kit de herramientas de interfaz de usuario para crear aplicaciones multiplataforma. Entonces podemos decir que un widget es un Descripción completa de una parte de la interfaz de usuario. La codificación en Flutter se trata de crear widgets a partir de otros widgets, haciendo composición y resultando en un complejo árbol de widgets. La función build () hace que un widget se describa a través de otros widgets de niveles inferiores.

Este marco moderno se inspira en React. Los widgets describen cómo debe ser la vista dada su actual configuración y estado. Al cambiar su estado, el widget reconstruye su descripción, el marco se da cuenta y se compara con la descripción anterior para aplicar el cambios mínimos necesario en el árbol de renderizado subyacente para pasar de un estado a otro.

Sin embargo, no todos los widgets son iguales o similares: hay muchos tipos de widgets. Por ejemplo, StatefulWidget () y StatelessWidget () difieren entre ellos en el estado del widget. Mientras que StatelessWidgets son estáticos en términos de estado, StatefulWidgets tienen un estado que cambia en tiempo de ejecución. Además, también divergen en su interpretación. Un contenedor () es un widget que representa alguna vista, pero BoxDecoration () dentro de ese contenedor también es un widget que le da una característica a este contenedor. Hay widgets que hacer cosas especiales, como FutureBuilder, etc.

Ese composición del widget qué es construye una aplicación. De hecho, una aplicación Flutter es un widget frecuentemente llamado MyApp que incluye y contiene todos los demás widgets, el widget más grande de su IU.

Finalmente, hay algunos widgets que están hechos para conformar determinados Guía de diseño. Esos son el "grupo de widgets específicos" mencionados anteriormente. Mientras que los widgets de Material Design siguen las reglas de diseño de Google (Android), los widgets de Cupertino usan el diseño iOS de las pautas de interfaz humana de Apple.

Aleteo presente y resumen

Flutter es un nuevo moderno tecnología front-end para desarrollo multiplataforma de interfaz de usuario nativa. Su uso es simple debido a los widgets, una forma de codificación tomada de reaccionar programando eso hace que la codificación sea más fácil y hermosa. Sin embargo, sigue siendo un marco joven y no funciona del todo bien. Al usarlo para Android, un desarrollo de iOS es una gran idea Debido a que se producen pocos errores y ya hay muchos comentarios y códigos y bibliotecas desarrolladas, las versiones de escritorio y web aún son limitadas, ya que están en versiones alfa y beta respectivamente.