Nueva Versión Estable de Flutter 2: Mejoras para los Desarrolladores

Nuevos cambios en el SDK de Flutter 2, visto desde el punto de vista de un desarrollador.

A continuación, vamos a ojear algunas de las nuevas mejoras que el SDK de Flutter 2 va a permitir implementar a todos los creadores de aplicaciones de Flutter, de aquí en adelante.

Agregado de enlaces

Los hipervínculos, son una parte fundamental para la forma en la que los usuarios navegan por la web.

Una gran novedad dentro del framework Flutter, será la propiedad de link widget dentro del paquete url_launcher que va a permitir a los desarrolladores establecer enlaces profundos a anclajes dentro de tu propia aplicación o tus sitios web externos.

Podrás utilizar link para enlazar widgets, botones, textos, imágenes o especificar si deseas que los enlaces se abrán en la misma pestaña o en una pestaña nueva.

Ganar la posibilidad de trabajar con texto enriquecido

Otra parte integral de cualquier aplicación es la representación de texto.

Desarrollar un sistema de diseño para el texto, fue uno de los mayores desafíos para lograr desarrollar con Flutter de cara a aplicaciones web.

Dado que la web, carece de una API de diseño de texto, Flutter debe realizar varias mediciones en el paragraph activando previamente un layout().

Estas medidas pueden resultar bastante laboriosas, por lo que una nueva medida de texto basada en lienzos añade compatibilidad con el texto simple y el texto enriquecido.

Interactuar con el texto, es tan importante como poder representar el texto de forma rápida y precisa.

Ahora vas a poder seleccionar, copiar y pegar texto mediante los widgets SelectableText y EditableText.

Además, los campos de texto del formulario admiten el autocompletado al permitir que el navegador almacene datos y maneje el autocompletado de formularios.

Aplicaciones Flutter como PWA

Flutter 2, es particularmente adecuado para implementar aplicaciones web progresivas o PWA. Las PWA son una buena opción para cerrar la brecha, entre las aplicaciones móviles y la web, de una manera segura y confiable a través de los esfuerzos del Proyecto Fugu de Chrome.

Por ejemplo, Invoice Ninja, una aplicación de gestión de facturas. Lanzó su aplicación PWA utilizando la misma base de código que sus aplicaciones móviles de Flutter.

Cuando creas una aplicación web de Flutter, se incluye un archivo de manifiesto web PWA, así como código para configurar los trabajos encargados de lanzar los servicios necesarios.

El archivo de manifiesto proporciona metadatos sobre cómo se debe ejecutar tu aplicación, incluida la información sobre los conos y el título de la aplicación.

En una PWA, los procesos del servicio, permiten el almacenamiento en caché de los recursos y la ejecución de la aplicación sin necesidad de conexión.

Cuando se ejecuta una aplicación de Flutter en el navegador como si fuese una PWA, se mostrará la oportunidad de instalarla en el dispositivo; ya bien, como una aplicación de móvil o como una aplicación PWA para escritorio.

Soporte para el escritorio

El equipo de Flutter, intenta transmitir la mejor sensación a la hora de crear una app con el SDK, independientemente de la forma y el tamaño de la ventana del navegador en el que se use.

Sobre los navegadores móviles, las aplicaciones de Flutter ya tienen un excelente soporte para los gestos y los desplazamientos heredados del soporte de las aplicaciones móviles.

Pero, en los navegadores de escritorio, se ofrecen diferentes posibilidades respecto a la interfaz de usuario. Por lo que ha sido necesaria optimizar las APPS de Flutter específicamente para ellos.

Por ejemplo, existe la expectativa de que el contenido del escritorio muestre barras de desplazamiento que se pueden controlar con un mouse o un teclado.

Por lo tanto, se ha creado la posibilidad de insertar barras de desplazamiento interactivas personalizables que pueden ser aplicadas dentro de una plantilla.

Se han creado, nuevas clases, como PrimaryScrollController para poder utilizar los atajos de teclado con los que el usuario sea capaz de desplazarse, sin la necesidad de tener que conectar las vistas del desplazamiento.

La aplicación de Zurich Insurance, desarrollada por Spica Technologies, es un gran ejemplo de las aplicaciones comerciales que el soporte web de Flutter puede habilitar en los navegadores de escritorio.

También se han implementado cambios en los punteros del ratón, agregando un conjunto de cursores para el sistema operativo de todas las plataformas.

Mejoras en la Accesibilidad Web

Finalmente, para admitir a todos los usuarios, las funciones semánticas web de Flutter se amplían para admitir la accesibilidad en Windows, macOS y ChromeOS.

En la versión web, se generar un segundo árbol del DOM para facilitar la aplicación de las opciones de accesibilidad, como acciones añadidas, etiquetas u otras propiedades semánticas respecto a los atributos ARIA.

En las nuevas aplicaciones de Flutter, se podrán utilizar los lectores de pantalla Narrator , VoiceOver , TalkBack o [ChromeVox](https://support.google.com/chromebook/answer/7031755?hl=en#:~:text=You can turn ChromeVox on,then ChromeVox will start speaking.) para poder navegar a través de una aplicación web creada con Flutter.

Mejoras en el Ecosistema de Complementos

Finalmente, se agregó soporte web a algunos de los complementos de Flutter más utilizados. Haciendo posible transportar aplicaciones de Flutter creadas con anterioridad; que quizás, estubiesen exclusivamente creadas para dispositivos móviles.

Los complementos de Flutter permiten que el código interactúe con bibliotecas nativas de la plataforma en la que se está ejecutando, cuando se ejecuta la aplicación Flutter en la web, se puede acceder a las bibliotecas de JavaScript existentes a través de los complementos.

Conclusión Final

Hace unos años, no habría sido posible ofrecer Flutter en la web con un nivel aceptable de calidad y rendimiento.

Sin embargo, la introducción de nuevas tecnologías web y los continuos avances en la plataforma, ahora permiten aprovechar todo el potencial de todos los dispositivos existentes.

Con soporte para la web, Flutter abarca todos los dispositivos que tienen Internet, ofreciendo una experiencia consistente en todos los navegadores y dispositivos más modernos.

Relacionados
Salir de la versión móvil