93 318 54 36

Google lanza Flutter 2: Novedades 

02/12/2022
Elizabeth De León

Google ha lanzado la versión 2.0 de Flutter, un kit de desarrollo de interfaz de usuario de código abierto que permite a los creadores de aplicaciones crear aplicaciones multiplataforma. La actualización destaca un paquete completamente nuevo de funciones y la portabilidad mejorada de Flutter para admitir aplicaciones en diversas plataformas.

Flutter 2: Una descripción completa

Soporte web

El soporte web de alta gama de Flutter es la declaración más importante en el evento de lanzamiento de Flutter 2 en Flutter Engage. Anteriormente, la base de la web se centraba principalmente en documentos. Ahora, las API de plataforma enriquecidas facilitan el desarrollo de aplicaciones sofisticadas utilizando API de pintura, gráficos 2D y 3D acelerados por hardware y diseño flexible.

Flutter 2 ofrece soporte web estable que brinda la misma experiencia en la web que se podría obtener en un dispositivo móvil. Los expertos en  servicios de desarrollo de aplicaciones móviles  pueden crear aplicaciones para Android, iOS y el navegador utilizando la misma base de código. Es posible compilar códigos Flutter existentes escritos en Dart en una excelente experiencia web porque, con Flutter 2, la web es solo otro dispositivo objetivo para su aplicación.

La nueva versión se centra en 3 escenarios de aplicaciones:

  • Aplicación de una sola página (SPA)
  • Aplicación web progresiva (PWA)
  • Llevar las aplicaciones móviles existentes basadas en Flutter a la web y ofrecer la misma experiencia

Flutter no se transfiere a los equivalentes HTML de sus widgets. Más bien, el motor web de Flutter ofrece una opción entre dos renderizadores:

  1. Un renderizador CanvasKit que utiliza WebGL y WebAssembly para renderizar los comandos de pintura de Skia en el lienzo del navegador
  2. Un renderizador HTML que está optimizado para una amplia compatibilidad y tamaño

También se creó una demostración de Flutter Plasma para mostrar la facilidad de crear una experiencia de gráficos web sofisticada con Dart que se puede ejecutar sin problemas en dispositivos móviles y de escritorio.

La comunidad también ha agregado algunas funciones específicas de la web, como autocompletar texto, manifiestos de PWA y control sobre el enrutamiento y las direcciones URL de la barra de direcciones.

Soporte de escritorio

Todavía se encuentra en estado beta, la versión estable puede lanzarse a finales de este año. Sin embargo, echemos un vistazo a lo que tiene para ofrecer.

Para los navegadores de escritorio, la comunidad ha agregado atajos de teclado, barras de desplazamiento interactivas, compatibilidad con lectores de pantalla para facilitar el acceso en Chrome OS, Windows y macOS, y ha mejorado la densidad de contenido predeterminada en el modo de escritorio.

Google ha realizado varias mejoras: llevar el escritorio de Flutter a una gran calidad, garantizar que la edición de texto ofrezca una experiencia nativa en cada plataforma compatible, integrar funciones fundamentales como  puntos de pivote de selección de texto , etc. También ha agregado un menú contextual incorporado al TextField y Widgets TextFormField para Cupertino y lenguajes de diseño de materiales. Los controles de agarre se agregan al widget ReorderableListView.

El widget de la barra de desplazamiento actualizado proporciona varias características atractivas que puede usar en el escritorio. Flutter 2 también permite la gestión de argumentos de línea de comandos para aplicaciones de Flutter. De esa manera, se pueden usar cosas como hacer doble clic en un archivo de datos en el Explorador de archivos de Windows para abrir un archivo en la aplicación.

Corrección de aleteo

Flutter Fix es una colección de varias cosas. Tiene una línea de comando exclusiva de la herramienta Dart CLI conocida como Dart Fix. Es útil buscar la lista de API obsoletas y actualizar el código con ellas. También permite el acceso a la lista de correcciones accesibles que se incluye con el SDK de Flutter.

Además, tiene un conjunto actualizado de extensiones de Flutter para Android Studio IDE, VScode e IntelliJ que pueden presentar una lista similar de soluciones accesibles y ayudar a los desarrolladores a cambiar códigos simplemente usando el mouse.

Portabilidad extendida

Google destaca 3 equipos recientes que presentan la portabilidad maximizada de Flutter.

En primer lugar, Microsoft ampliará su soporte para Flutter. Junto con la reciente colaboración para ofrecer soporte de Windows de primera calidad en Flutter, Microsoft también contribuirá al motor Flutter que facilita el desarrollo de aplicaciones para dispositivos Android plegables.

En segundo lugar, Canonical se asocia con Google por llevar Flutter al escritorio. Apoyará el desarrollo y la implementación de aplicaciones en Linux. Canonical promete ofrecer una excelente experiencia en varias configuraciones de hardware.

Por último, Toyota, un fabricante líder de vehículos, declaró que adoptó algunas estrategias innovadoras para ofrecer una experiencia digital de última generación a los automóviles mediante la creación de varios sistemas de infoentretenimiento habilitados por Flutter. Toyota buscó contratar a un desarrollador de Flutter debido al sistema táctil de nivel de teléfono inteligente de Flutter, la iteración rápida, la ergonomía del desarrollador y el alto rendimiento constante. Las API integradas de Flutter permitirán a Toyota personalizar Flutter y cumplir con los requisitos para construir sistemas de infoentretenimiento de vanguardia.

Agregar a la aplicación

Flutter 2 tiene como objetivo reducir la carga de trabajo de los desarrolladores en cualquier agencia de desarrollo de aplicaciones al mismo tiempo que garantiza resultados de alta calidad. Add-to-App es otra característica más para resaltar ese objetivo.

Los desarrolladores pueden agregar Flutter a una aplicación existente de Android o iOS. La función Agregar a la aplicación es una excelente manera de reutilizar el código de Flutter en ambas plataformas mientras se almacena la base de datos nativa actual. Con este cambio, Google sugiere una posible integración del motor Flutter en aplicaciones nativas.

Folio de aleteo

Como ya comentamos, Flutter ahora es compatible con 3 plataformas: Android, iOS y web, y 3 más en versión beta: Windows, Linux y macOS. ¿Cómo es posible crear una aplicación que cambie a varias formas (pantallas pequeñas, grandes y medianas), varios idiomas (web, móvil y escritorio) y varios modos de entrada (teclado, mouse y táctil)?

Flutter Folio da una respuesta a esta pregunta.

Flutter Folio es una aplicación de álbumes de recortes diseñada para presentar las capacidades de Flutter para crear aplicaciones que se ejecutan sin problemas en todas las plataformas y dispositivos: Android, iOS, Mac, Windows, Linux y la Web. Es un ejemplo perfecto de una aplicación adaptable, creada en colaboración con gskinner y el equipo de Flutter.

Flutter DevTools

Flutter DevTools se usa para depurar las aplicaciones de Flutter. Se presenta una nueva característica que se enfoca en cualquier problema, incluso antes de iniciar DevTools, es la capacidad de IntelliJ, Android Studio o Visual Studio Code para notar cada vez que hay una excepción y ofrecer presentarla en DevTools para iniciar el proceso de depuración.

Mientras se ejecuta DevTools, las nuevas insignias de error en las pestañas ayudan a rastrear varios problemas en la aplicación.

En DevTools, se ha agregado otra función nueva que permite ver una imagen fácilmente a una resolución más alta de la que se muestra. Ayuda a reducir el uso de memoria adicional y el tamaño de la aplicación. Los desarrolladores pueden permitir que Invertir imágenes de gran tamaño en Flutter Inspector active esta función.

Google también ha agregado la capacidad de mostrar diseños fijos. Esto permite a los desarrolladores depurar diferentes tipos de diseños.

Otras funciones disponibles en Flutter DevTools 2 incluyen las siguientes:

  • La vista Rendimiento ahora se llama CPU Profiler. De manera similar, la vista de línea de tiempo se renombra a Rendimiento. Los cambios destacan las funcionalidades que ofrecen.
  • Los nuevos gráficos de vista de memoria son más pequeños, más fáciles de usar y más rápidos. Incorpora una nueva hovercard que explica las actividades en un momento específico.
  • La funcionalidad de búsqueda y filtrado se agrega a la pestaña Registro.
  • Los datos promedio de FS y varias mejoras de usabilidad se incluyen en el gráfico Flutter Frames.
  • La cuadrícula de tiempo se incluye en los gráficos de llamas de CPU Profiler.
  • El formulario de registros de seguimiento se inicia para que los desarrolladores puedan verificar el historial de registro total cuando lo inician.
  • Las solicitudes de red fallidas se llamarán en el generador de perfiles de red para una corrección instantánea.

Anuncios móviles de Google para Flutter

Google anuncia el lanzamiento beta de  Google Mobile Ads para Flutter . El nuevo SDK funciona bien con AdMob y AdManager para ofrecer diferentes formatos de anuncios, incorporando banners, anuncios de video nativos, intersticiales y recompensados.

Google también ha anunciado varias actualizaciones de los complementos de Flutter para servicios clave de Firebase como Cloud Messaging, Cloud Firestore, Cloud Function, Authentication, Cloud Storage, Crashlytics, integrando asistencia para la seguridad nula del sonido, así como una actualización del Cloud Messaging Package.

Dardo 2.12

Esta es otra revelación importante de Google. Dart 2.12 admite seguridad nula de sonido. Tiene el potencial de eliminar cualquier excepción de referencia nula. De esa manera, garantiza en el desarrollo y el tiempo de ejecución que los tipos solo pueden contener valores nulos si un desarrollador lo selecciona expresamente.

La actualización también incluye una aplicación consistente de FFI (interfaz de funciones extranjeras). Permite a los desarrolladores usar la biblioteca dart:ffi para llamar a las API C nativas.

Hora de terminar

Como puede ver, Flutter 2 trae algunos cambios innovadores en el ámbito del desarrollo de aplicaciones. La línea entre el uso de una web y una aplicación móvil se está desvaneciendo gradualmente a favor de ofrecer una excelente experiencia de usuario de diversas plataformas y dispositivos. Si buscas ir con la corriente, ¡es hora de crear una aplicación con Flutter 2!