top of page

Novedades de Flutter 3.24: Avances Gráficos y Nuevos Slivers para Aplicaciones de Alto Rendimiento

En Dribba, siempre estamos a la vanguardia de las últimas innovaciones tecnológicas para ofrecer las mejores soluciones a nuestros clientes. Flutter, uno de los frameworks más potentes y versátiles para el desarrollo de aplicaciones móviles y web, ha lanzado recientemente su versión 3.24, que incluye una amplia gama de novedades y mejoras significativas. En este post, te presentamos un resumen detallado de las principales características de esta actualización, con un enfoque especial en las nuevas capacidades gráficas y los slivers dinámicos.



Mejoras de rendimiento gráfico 3D en Flutter 3.24
Mejoras de rendimiento gráfico 3D en Flutter 3.24

Flutter GPU: Expandiendo las Capacidades Gráficas

Una de las actualizaciones más emocionantes de Flutter 3.24 es la introducción de la vista previa de Flutter GPU, un avance que permite a los desarrolladores crear renderizadores personalizados utilizando código Dart y shaders GLSL. Esta nueva API gráfica de bajo nivel abre un abanico de posibilidades para el desarrollo de gráficos avanzados y escenas 3D directamente en Flutter, sin necesidad de código nativo.

Con Flutter GPU, los desarrolladores tienen control total sobre los adjuntos de renderización, las etapas de vértices y la carga de datos a la GPU. Esto es esencial para crear soluciones de renderizado sofisticadas, desde animaciones 2D hasta complejas escenas 3D, ampliando así las capacidades de lo que se puede lograr dentro de Flutter.

Aunque Flutter GPU aún está en fase de vista previa, se espera que en los próximos meses se añadan más funcionalidades y mejoras de estabilidad. Además, se están desarrollando bibliotecas de renderizado de mayor nivel, como flutter_scene, que simplificarán aún más el uso de estas avanzadas características.



Nuevos Slivers en Flutter 3.24
Nuevos Slivers en Flutter 3.24

Nuevos Slivers: Flexibilidad en el Diseño de Interfaces

Flutter 3.24 también introduce dos nuevos slivers que proporcionan una mayor flexibilidad en la creación de comportamientos dinámicos en las barras de aplicaciones: PinnedHeaderSliver y SliverResizingHeader. Estos slivers permiten a los desarrolladores diseñar encabezados que pueden flotar, permanecer fijos o cambiar de tamaño según el desplazamiento del usuario.

  • PinnedHeaderSliver: Permite que los encabezados se fijen en la parte superior de la pantalla mientras el usuario se desplaza, asegurando que siempre estén visibles.

  • SliverResizingHeader: Facilita que el encabezado cambie de tamaño dinámicamente al desplazarse, creando un efecto visual atractivo y moderno.

Estos nuevos slivers ofrecen APIs más simples y combinables que los existentes, como SliverPersistentHeader y SliverAppBar, lo que permite crear interfaces más dinámicas y complejas de manera más eficiente.



Mejoras en el Renderizado: Impeller y Calidad de Imagen

El motor de renderizado Impeller de Flutter sigue mejorando con esta nueva versión. Se han realizado numerosas optimizaciones en la representación de texto, especialmente en la visualización de emojis, eliminando problemas de rendimiento como el “jank” durante el desplazamiento. Además, se ha mejorado la fidelidad del renderizado de texto en cuanto a peso, espaciado y kerning, garantizando que la tipografía en las aplicaciones Flutter se vea impecable.

Otra mejora significativa es el ajuste de la calidad de imagen predeterminada para imágenes escaladas hacia abajo. Ahora, la calidad de filtrado ha sido ajustada de FilterQuality.low a FilterQuality.medium, lo que mejora notablemente la apariencia de imágenes grandes cuando se reducen, evitando que se vean pixeladas y mejorando su rendimiento.




Nuevos Widgets y Mejoras en la Biblioteca de Cupertino

La actualización de Flutter 3.24 también trae mejoras en la biblioteca de Cupertino y nuevos widgets como el CarouselView. Este widget de carrusel, alineado con los principios de diseño de Material Design, permite mostrar listas desplazables donde los elementos cambian de tamaño dinámicamente al entrar o salir de la vista, proporcionando una experiencia de usuario fluida y visualmente atractiva.

En cuanto a la biblioteca Cupertino, se ha mejorado la retroalimentación háptica en CupertinoActionSheet, y se han añadido nuevas propiedades de enfoque en CupertinoButton, además de la capacidad de personalizar el color de un CupertinoTextField deshabilitado.



Swift Package Manager (SPM)
Swift Package Manager (SPM)

Otras Novedades: Mejoras en Herramientas de Desarrollo y Soporte para Swift Package Manager

Flutter 3.24 también incluye mejoras en herramientas de desarrollo como DevTools. Ahora, con la nueva función de Rebuild Stats, puedes capturar información sobre cuántas veces se ha reconstruido un widget en tu aplicación, ayudándote a optimizar el rendimiento.

Por último, esta versión añade soporte inicial para Swift Package Manager en iOS y macOS, lo que simplifica la gestión de dependencias y el proceso de instalación de Flutter en plataformas de Apple.



Conclusión

Flutter 3.24 es una actualización importante que lleva el desarrollo de aplicaciones a un nuevo nivel con mejoras gráficas significativas, nuevos slivers para interfaces dinámicas, y herramientas que optimizan el rendimiento y la facilidad de desarrollo. En nuestra agencia, estamos entusiasmados por implementar estas innovaciones en nuestros proyectos y ayudar a nuestros clientes a crear aplicaciones de alto rendimiento y diseño avanzado.


Si estás buscando desarrollar una aplicación que aproveche al máximo las nuevas capacidades de Flutter 3.24, no dudes en contactarnos. Estamos aquí para ayudarte a convertir tu visión en una realidad con la última tecnología.

Comments


bottom of page