Novedades y Mejoras en Flutter 4

- Andrés Cruz - EN In english

En esta entrada, hablaremos sobre las nuevas características que traerá la versión 4 de Flutter, hablaremos sobre las novedades que traerá la versión 4 de Flutter como lo son la incorporación del Material Design 3, nuevos componentes, multiventanas y mejor rendimiento.

Soporte multiventana en desktop

Una de las grandes características que se espera de la versión 4 del famoso framework para desarrollar apps multiplataformas es la de finalmente poder manejar múltiples ventanas para escritorio y no solamente una, acercándose cada vez más a una verdadera aplicación de escritorio.

El Traspaso de Desktop a Canonical por parte de Google

El panorama técnico de Flutter ha experimentado un movimiento estratégico relevante: Canonical, la compañía detrás de Ubuntu, asumirá el desarrollo y control de Flutter Desktop. Aunque Canonical es un referente en el ecosistema Linux, este acuerdo con Google delega en ellos la evolución de la vertiente de escritorio no solo para Linux, sino también para Windows y macOS, aprovechando que la arquitectura nativa de Flutter permite compilar para los tres sistemas operativos desde una base de código única.

Con este movimiento se proyecta la integración de características largamente demandadas en el desarrollo de escritorio, tales como el soporte robusto para componentes de tipo Tooltip, cuadros de diálogo avanzados y, de forma crítica, la capacidad de gestionar múltiples ventanas independientes.

1. La Incertidumbre en la Comunidad y la Competencia de Kotlin Multiplatform

Para un sector de la comunidad de desarrolladores, el hecho de que Google delegue una de las variantes de la tecnología genera dudas sobre el ritmo de evolución del framework. El lanzamiento de Flutter 4 y la modernización de su versión de escritorio han seguido un proceso lineal, mientras que soluciones competidoras como Kotlin Multiplatform (KMP) ganan tracción en el mercado de desarrollo multiplataforma (móvil, web, escritorio y backend).

A esto se suma la evolución de Android Nativo con Jetpack Compose. La sintaxis de Compose comparte principios declarativos y reactivos muy similares a los de Flutter:

  • Estructura Declarativa: La interfaz se construye mediante funciones denominadas objetos Composable.
  • Reactividad: Al modificar el estado de una variable subyacente, el framework repinta automáticamente los componentes de la interfaz de usuario de manera óptima.
  • Similitud de Componentes: Elementos como las columnas, filas y botones flotantes (Floating Action Buttons) replican la filosofía compositiva de los Widgets de Flutter, utilizando modificadores en lugar de propiedades rígidas para definir comportamientos como márgenes, rellenos (padding) y dimensiones máximas.
// Ejemplo conceptual de UI Declarativa en Jetpack Compose (Android Nativo)
@Composable
fun CounterComponent() {
   var count by remember { mutableStateOf(0) }
   Column(
       modifier = Modifier
           .fillMaxSize()
           .padding(16.dp),
       horizontalAlignment = Alignment.CenterHorizontally
   ) {
       Text(text = "Clicks: $count")
       Button(onClick = { count++ }) {
           Text("Incrementar")
       }
   }
}

La coexistencia de herramientas similares bajo el catálogo de Google suele reabrir el debate sobre la duplicidad de tecnologías dentro de una misma compañía. No obstante, en lugar de una transición hacia la depreciación, el traspaso de la versión Desktop a Canonical sugiere que Google busca concentrar sus recursos de ingeniería en el núcleo de Flutter: el desarrollo móvil (iOS y Android), donde la tecnología mantiene una posición de liderazgo.

2. El Factor Dart como Lenguaje de Propósito Único

Uno de los desafíos estructurales que enfrenta Flutter radica en su dependencia exclusiva de Dart. A diferencia de JavaScript, cuyo ecosistema abarca desde desarrollo web nativo hasta frameworks masivos como React, Vue y Svelte; o Python, consolidado en backend (Django, FastAPI), automatización e Inteligencia Artificial, Dart se percibe en la industria casi exclusivamente como el motor de ejecución de Flutter.

Aunque lenguajes tradicionales como PHP continúan dominando amplios sectores del mercado web gracias a ecosistemas maduros como Laravel, Dart no ha logrado una adopción masiva fuera de los límites del desarrollo móvil multiplataforma. Sin embargo, la madurez técnica alcanzada por Flutter y el volumen de producción global de software que lo respalda descartan una desaparición a corto o mediano plazo; la tecnología se encuentra en una etapa de consolidación y optimización arquitectónica.

3. Estado Actual de las Aplicaciones de Escritorio y Web en Flutter

Al evaluar la arquitectura de Flutter fuera del entorno móvil, los resultados técnicos varían de acuerdo con la plataforma de despliegue:

Flutter Web

La compilación hacia entornos web presenta limitaciones de rendimiento y SEO cuando se compara con el estándar actual de la industria (Single Page Applications o SSR con frameworks modernos). La carga del motor gráfico puede resultar excesiva para sitios web convencionales, restringiendo su utilidad principalmente a aplicaciones web progresivas (PWAs) o paneles administrativos cerrados.

Flutter Desktop frente al Ecosistema Web

En el panorama informático actual, las aplicaciones web tradicionales han absorbido progresivamente las funciones que antes requerían un software de escritorio nativo, ofreciendo rendimiento y características equivalentes directamente desde el navegador. Flutter Desktop se ha enfrentado a limitaciones críticas, como la carencia de soporte nativo para entornos de múltiples ventanas, una ventaja técnica clave que justifica el desarrollo de software de escritorio frente a una aplicación web. Con la intervención de Canonical, se busca subsanar esta brecha arquitectónica.

Material Design 3

La versión 4, nos trae al completo el uso de Material Design en su versión 3 junto con todos los componentes actualizados a esta versión.

Detección automático de diseño

Otra gran novedad que tuvo que salir desde la primera versión es que, automáticamente Flutter adaptará el diseño de Material Design al de cupertino si la app se ejecuta en iOS, actualmente, al crear nuestra estupenda app en Android debemos de adaptar el diseño de manera paralela usando el estilo de Cupertino, no cual, es mucho trabajo.

Nuevo Motor de Renderizado

Otro aspecto que no puede faltar es la de que ahora tendremos aplicaciones más eficientes y rápidas, al traer un nuevo motor de renderizado que proporcionará animaciones más fluidas.

Accesibilidad Mejorada

En la versión 4 de Flutter, se espera una mejora en las características de accesibilidad, incluido el soporte para la accesibilidad de Microsoft 11 que permitirá que las apps sean más amigables para personas con discapacidades.

Segmented Button

El Segmented Button es un nuevo componente que facilitará la selección entre opciones segmentadas. Esto será especialmente útil para crear interfaces que requieren navegación o filtrado, como calendarios o filtros de búsqueda.

Rediseño de Bottom App Bar y Drawer

Hay muchos componentes que fueron rediseñados o tendrán cambios con el Material Design 3, alguno de ellos son el BottomAppBar y el Drawer que han sido rediseñados según las especificaciones de Material Design 3. 

Hablaremos sobre las novedades que traerá la versión 4 de Flutter como lo son la incorporación del Material Design 3, nuevos componentes, multiventanas y mejor rendimiento.


Únete a la comunidad de desarrolladores que han decidido dejar de picar código y empezar a construir productos reales. Recibe mis mejores trucos de arquitectura cada semana:

Acepto recibir anuncios de interes sobre este Blog.