[Google IO 2018] Flutter Beta 3 está disponible y es más poderoso que nunca

Si bien el mundo del desarrollo de aplicaciones multiplataforma se concentró principalmente en el marco React Native, el tiempo ha cambiado.

Desde el anuncio de Flutter y la aplicación de su lanzamiento beta, ha quedado claro que la noción que circula en la comunidad de desarrollo de aplicaciones (las aplicaciones de Flutter son mejores que React Native) se convertirá en un hecho aceptado a nivel mundial.

El SDK multiplataforma se lanzó con una serie de características que lo llevaron a la cima en la carrera de Flutter vs React Native 2018.

Estos son algunos de los factores diferenciadores que están integrados en las aplicaciones de Flutter:

recarga caliente

Esta es una de las características más poderosas de Flutter. Al usarlo, puede ver el efecto de los cambios que realiza en el código al instante en la pantalla.

La recarga en caliente hace que el desarrollo de aplicaciones móviles multiplataforma sea mucho más inteligente y rápido.

Conjunto completo de widgets de diseño de materiales

Flutter viene con un increíble catálogo de componentes de interfaz de usuario integrados. Han incorporado dos tipos de widgets en su SDK: Material Design para Android y Cupertino para iOS. Los desarrolladores tienen la libertad de elegir cualquiera de ellos y desplegarlos en todas las plataformas.

El SDK completo es un conjunto de widgets

El principio central de las aplicaciones de Flutter radica en convertir todo en un widget. La clase de aplicación es un widget (MaterialApp), toda la estructura de diseño es el widget (Scaffold) y, en general, todo es un widget (Cajón, AppBar, SnackBar). De hecho, hay un widget para cambiar la vista al centro.

Tema diferente para iOS y Android

Flutter viene con diferentes temas que vienen con widgets, colores y dimensiones específicos de Android e iOS.

Con la tecnología de los temas específicos de la plataforma, cada aplicación de Flutter tiene una apariencia nativa.

Soporte de Paquetes Múltiples

Incluso en su versión beta, Flutter cuenta con el apoyo de una serie de paquetes. Hay paquetes separados para realizar solicitudes HTTP, abrir imágenes, almacenar preferencias, compartir contenido, implementar Firebase, acceder a sensores y mucho más.

[Lea más sobre Flutter y qué lo hace mejor que React Native: Flutter: una mirada detallada a la versión beta que se popularizará en Google I/O 2018 ]

El lanzamiento de la versión beta de Flutter que se lanzó en el Mobile World Congress en marzo de 2018 impulsó a varias marcas a estar presentes tanto en iPhone como en Android, ambos con un aspecto nativo alto usando Flutter.

Desde el lanzamiento, hay una serie de aplicaciones que se han publicado en las tiendas respaldadas por el poder de Flutter. Un número que solo va a aumentar desde I/O 2018.

Flutter Beta 3.0 lanzado en I/O 2018

En Google I/O 2018, el gigante tecnológico anunció el lanzamiento de Flutter Beta 3 con una serie de nuevas funciones que hacen que el desarrollo de aplicaciones multiplataforma en Flutter sea aún más personalizable y conveniente.

Estas son las características que se han introducido en Flutter Beta 3:

La nueva versión se centra principalmente en tres componentes: Fundamental, Ecosistema y Herramientas.

En el área de Fundamentos

Se han realizado varios cambios en los widgets de Material Design en Flutter Beta 3 para aumentar el nivel de personalización y flexibilidad:

• Se ha agregado un componente BottomAppBar
• El soporte para Chips ha sido mejorado y ampliado.
• InputDecorator ahora admite el modo subrayado/relleno y delineado
• Mayor personalización de color y forma con Slider
• La flexibilidad de posicionamiento con FloatingActionButton

Junto con estos, se han realizado una serie de cambios en la aplicación Flutter Gallery para mostrar una serie de cambios como: nueva demostración de fondo, campos de texto actualizados, demostración agregada para OutlineButton e indicador de selección personalizado.

Aparte de esto, Flutter viene con una serie de mejoras en el soporte de accesibilidad para las aplicaciones que usan Flutter, que incluye mejorar el soporte para texto grande, lectores de pantalla y las capacidades de contraste.

Además, con Flutter, las empresas ahora pueden incluso crear aplicaciones que están escritas de derecha a izquierda.

En el área de Ecosistema

Se agregó un nuevo conjunto de complementos con todas las funciones en el conjunto de complementos de Firebase en el mayor anuncio de Google I/O 2018, Flutter Beta 3: configuración remota, monitoreo de rendimiento y Cloud Firestore. El soporte que ofrece Flutter para los anuncios que funcionan con AdMob Google se dirige hacia la versión beta, lo que permitiría a los desarrolladores monetizar sus aplicaciones basadas en Flutter.

El nuevo complemento de AdMob ayuda a cargar y mostrar anuncios de video basados ​​en banners, intersticiales y recompensas con la ayuda de la API de AdMob.

Con respecto a las herramientas

Flutter ha rediseñado UI Inspector con la nueva función "Solo mis widgets", que filtra los widgets generados automáticamente. Los desarrolladores pueden incluso ejecutar su aplicación Flutter en el modo de perfil que agrega las pantallas de uso de memoria y los cuadros por segundo.

Además, Visual Studio Code ahora se ha desarrollado como un entorno de desarrollo totalmente compatible para Flutter. Junto con estos, otras características notables notables que se han lanzado tanto para Visual Studio como para Android Studio consisten en un amplio conjunto de refactorizaciones. También incluye un refactor de extracción de widget, que ayuda a crear una nueva clase de widget y agregar una llamada a su constructor en la posición nativa.

Para esta versión, así como para las futuras, Google se asoció con Flutter y Material Design para traer el poder del diseño innovador al mundo de la hermosa interfaz de usuario para el kit de herramientas de Android e iOS.

Veamos más en la combinación Flutter y Material Design.

Haz que Flutter sea mejor con temas de materiales

La sesión de Google I/O 2018 sobre Coding Beautiful Design con Flutter y Material Design comenzó con la introducción de cómo, cuando se combinan, Flutter y Material Design crean una aplicación que es expresiva, mejorada y una delicia para que los desarrolladores trabajen en ella.

Si bien Flutter ya viene con una gran biblioteca de widgets como desplazamiento, contenedores y vistas de lista que están diseñados según los principios de Material Design, Google I/O 2018 ha anunciado algo nuevo con Material Design esta vez: Material Theming.

La tematización de materiales ayuda a aplicar la imagen de su marca en todo el diseño de la aplicación móvil. Todo, desde la forma, la tipografía hasta el color y las curvas de animación, se ha hecho personalizable para que coincida exactamente con el aspecto de la marca. Puede elegir la paleta de colores y los temas tipográficos o puede modificar la forma del diseño para crear un tema propio en su aplicación Flutter.

Salieron a anunciar además que a partir de ahora Flutter es una plataforma en Material Design. De ahora en adelante, la documentación de iOS, Android, Flutter y Web a través de componentes de materiales, conjunto de herramientas de materiales y pautas de materiales.

Ahora, la razón por la que Material Design se agregó con Flutter es porque cuando se implementaron las pautas de Material Design, las marcas comenzaron a seguirlas e implementarlas religiosamente, lo que dio origen a una serie de aplicaciones de aspecto similar. Para resolver esto y para incorporar un toque de individualidad en todas las aplicaciones de Flutter, Google introdujo Material Theming en Flutter Beta 3.

Con la tecnología de Material Design, las aplicaciones de Flutter se hacen expresivas, con diseños, widgets y temas personalizables. Mejorado: con nuevo estilo y componentes como campo de texto y fondo. Encantador: al ofrecer extensibilidad de componentes.

Utilizando la combinación de Material Design y Flutter SDK, se han desarrollado y publicado varias aplicaciones tanto en Android como en iPhone.

Un vistazo a la lista de aplicaciones creadas con Flutter

• Alibaba: aplicación de comercio electrónico
• Google AdWords: aplicación de gestión de campañas publicitarias
• AppTree: aplicación empresarial
• Topline – Aplicación de entretenimiento
• Birch Finance - Aplicación de finanzas
• Entrenarse a sí mismo - Aplicación de estilo de vida
• Google Greentea: aplicación empresarial
• Hamilton Musical - Aplicación de entretenimiento
• Hookle: aplicación de gestión de redes sociales
• OfflinePal – Aplicación de turismo
• VivaBem Pol – App Salud y Bienestar
• BetaBubs: aplicación de mensajería instantánea