Flutter 2.0 presenta soporte con calidad de producción para crear aplicaciones web

Google lanzó Flutter 2.0 a la versión estable e incluye soporte de calidad de producción para crear aplicaciones web. ¡Siga leyendo para obtener más información!

Flutter 2.0 se lanzó a la versión estable y, con él, hay soporte web estable. Esto significa que Flutter ahora es seguro de usar en proyectos web con calidad de producción.

Dicho esto, veamos qué implica Flutter para Web.

Renderizadores

Hay dos formas en que Flutter para Web puede mostrar tu aplicación en un navegador. Puede renderizarlo usando HTML, CSS y Canvas, o usando CanvasKit. Cada uno tiene sus propias ventajas. El renderizador HTML, dado que utiliza elementos más básicos, es más rápido de descargar y cargar. El renderizador CanvasKit es un poco más pesado, pero proporciona un mejor rendimiento cuando hay mucho en pantalla.

De forma predeterminada, una aplicación web Flutter elegirá automáticamente qué renderizador usar, según el dispositivo cliente. Los dispositivos móviles recibirán el renderizador HTML, mientras que los dispositivos de escritorio recibirán CanvasKit. En el caso de que quieras utilizar un renderizador específico, Google ha proporcionado opciones para usar siempre uno u otro.

Una descripción general arquitectónica de Flutter. Fuente: Google

Funciones específicas de la web

Aunque Flutter es multiplataforma, todavía hay algunas cosas que son específicas de cada plataforma compatible. Esto se debe a que algunas cosas solo existen en una plataforma o funcionan de alguna manera que necesita una API especial. Y la web no es diferente.

Flutter 2.0 agrega soporte para cosas como estrategias de URL personalizadas, enlaces profundos de aplicaciones web y soporte adecuado para PWA. Cuando creas un proyecto de Flutter para Web, se generará un manifiesto web y plantillas de trabajador de servicio.

Gestos y teclado

Para ser verdaderamente multiplataforma, un marco debe tener en cuenta su objetivo. Si se ejecuta en una plataforma de escritorio, debería responder a los atajos de teclado. En el móvil, debería responder a los gestos de tocar y deslizar.

Bueno, Flutter para Web hace ambas cosas. A través de la web, se dirige tanto a dispositivos móviles como de escritorio. Con la versión estable de Flutter para Web, hay soporte para gestos nativos, según la plataforma del cliente y la fuente de entrada.

Complementos

Como cualquier buen lenguaje, Flutter admite bibliotecas o complementos en este caso. Como medida de seguridad, los complementos deben especificar la compatibilidad de su plataforma. Dado que Flutter para Web es una incorporación relativamente reciente al marco, muchos complementos, incluido el de Google, no lo admitían.

Con el lanzamiento de Flutter 2.0, una gran cantidad de complementos de Flutter de Google, incluidos la suite Firebase, están marcados como compatibles con la web.


Si bien esto puede no parecer mucho, estas son algunas características bastante importantes. Flutter 2.0 obtuvo una plataforma completa y se trabajó mucho para que Flutter para Web se integrara con el resto del marco.

¿Qué opinas de Flutter para Web? ¿Es una buena opción para el desarrollo web? ¡Haznos saber!