Multiplatform

Compose Multiplatform 1.5.10: el momento perfecto para empezar

Read this post in other languages:

Compose Multiplatform es un marco de trabajo de IU declarativo desarrollado por JetBrains que permite a los desarrolladores compartir las IU de sus aplicaciones en diferentes plataformas. Le permite reutilizar hasta el 100 % de su base de código en Android, iOS, escritorio y web. El marco de trabajo aprovecha las capacidades de intercambio de código de la tecnología central de Kotlin Multiplatform, que acaba de volverse estable en Kotlin 1.9.20.

Empiece a usar Compose Multiplatform

Esta versión 1.5.10 de Compose Multiplatform ofrece compatibilidad con Kotlin 1.9.20, proporciona una incorporación simplificada, introduce un nuevo portal de documentación y ofrece las siguientes funcionalidades:

Gracias a esta mejoras generales, la adopción de Compose Multiplatform nunca había sido más fácil. Ahora es un buen momento para que empiece a utilizar Compose Multiplatform para el desarrollo multiplataforma, y si es un usuario existente, estas mejoras harán que su trabajo sea más eficaz que nunca.

Más fácil para empezar

Si quiere profundizar en Compose Multiplatform y Kotlin Multiplatform, tenemos buenas noticias para usted:

  • El asistente web de Kotlin Multiplatform le permite crear nuevos proyectos fácilmente con tan solo unos clics. El proyecto contiene lógica compartida y una IU de Compose Multiplatform para varias plataformas.
  • Hay nuevos tutoriales de incorporación disponibles para Android, iOS y escritorio. Estos le pondrán al día rápidamente en los conceptos básicos de Kotlin Multiplatform y Compose Multiplatform.
  • La documentación de Compose Multiplatform se ha integrado en el portal de desarrollo de Kotlin Multiplatform, lo que permite encontrar más fácilmente la información necesaria.

También puede registrarse para asistir a nuestro seminario web sobre cómo empezar con Compose Multiplatform, programado para el 28 de noviembre.

Nuevos componentes de Material 3 en código común

Todos los componentes de Compose Material 3 están ahora disponibles en código común. En esta versión se añadieron los compenentes ModalBottomSheet, ExposedDropdownMenuBox, SearchBar y DockedSearchBar, lo que completa el conjunto de componentes definidos en la versión 1.1.2 de Compose Material 3.

Así es como aparecerá en la versión de escritorio:

Nuevos componentes en escritorio

Y así es como se verá en iOS y Android:

Nuevos componentes en iOS

Nuevos componentes en Android

Mejoras en TextField en iOS

Esta versión incluye diversas mejoras en los TextField en iOS. Está disponible un nuevo modo Fast Delete (eliminación rápida), se ha mejorado el manejo de los doble y triple toques, la física del desplazamiento incluye el «efecto de goma elástica» y una animación de fundido mejora la interoperabilidad.

  • A partir de esta versión, cuando mantenga la tecla de retroceso, se activará un nuevo modo de eliminación rápida después de los primeros 21 caracteres. En este modo, cada eliminación quita dos palabras. Esto se alinea con el comportamiento predeterminado en iOS y es lo que los usuarios esperan.

Modo de eliminación rápida en iOS

  • A partir de esta versión, los doble y triple toques en un TextField siempre se manejan de manera coherente. El doble toque siempre seleccionará la palabra actual, mientras que el triple toque seleccionará siempre el texto completo.

Doble y triple toques en iOS

  • Compose Multiplatform 1.5.0 introdujo la compatibilidad con el comportamiento de los desplazamientos nativo. Esta versión incorpora la compatibilidad con el desplazamiento continuado (el «efecto de goma elástica») dentro de campos de texto grandes. Su IU de Compose Multiplatform ahora ofrecerá la elasticidad que los usuarios de iOS esperan.

Efecto de goma elástica en iOS

Animación de fundido para la interoperabilidad UIKit

Cuando se dirige a iOS, Compose Multiplatform le permite integrar composables dentro de una jerarquía de componentes UIKit. Esto le permite combinar sus componentes de IU en Kotlin con los widgets existentes en Swift u Objective-C.

A partir de esta versión, al integrar composables dentro de una jerarquía UIKit, se aplica una animación de fundido a la pantalla durante las transiciones de orientación. Esto evita que los componentes aparezcan temporalmente estirados.

Mayor velocidad de compilación

En Kotlin 1.9.20, el almacenamiento en caché del compilador y Compose Multiplatform son compatibles. Por lo tanto, a partir de esta versión, el almacenamiento en caché del compilador se habilita automáticamente para las aplicaciones Compose Multiplatform que utilizan el compilador Kotlin 1.9.20. La compilación es mucho más rápida para todas las compilaciones posteriores a la inicial.

La caché sigue deshabilitada cuando utiliza Compose Multiplatform con una versión anterior del compilador Kotlin. Establecer manualmente kotlin.native.caceKind en none provoca un error en el complemento del compilador de Gradle, por lo que debe eliminarlo si está presente.

Compatibilidad básica con el compilador K2

En esta versión, introducimos la compatibilidad parcial con el compilador K2 en Compose Multiplatform. Puede utilizar el compilador de Compose y K2 en combinación para crear aplicaciones básicas. La compatibilidad total con K2 está programada para la siguiente versión de CMP, ¡así que esté pendiente!

Rendimiento de renderizado mejorado en iOS

En esta versión, hemos mejorado el rendimiento en iOS eliminando cualquier instancia de procesamiento redundante o excesivamente ansioso. Además, los comandos que se ejecutarán en la GPU para el renderizado se preparan en un subproceso aparte.

Estos cambios significan que las aplicaciones de Compose Multiplatform que se ejecutan en iOS tendrán menos fotogramas perdidos. Cualquier corte o retraso causado por fotogramas perdidos se reducirá o eliminará.

Nuevo portal de documentación

El nuevo portal de desarrollo de Kotlin Multiplatform incluye tutoriales, preguntas frecuentes, ejemplos totalmente nuevos y otra documentación útil. ¡Esto significa que comenzar con Compose Multiplatform es más fácil que nunca!

Entre los temas tratados se incluyen los siguientes:

Agrupar los materiales de Compose Multiplatform con la documentación multiplataforma en un portal dedicado hace que sea más fácil encontrarlos y utilizarlos. Si bien parte de la documentación permanece en el GitHub de Compose Multiplatform, nuestro objetivo es transferirla al nuevo portal próximamente.

Comience a usar Compose Multiplatform

Conclusión

¡Es el mejor momento para comenzar con Compose Multiplatform! Puede utilizar los widgets de Compose Material 3 para crear hermosas interfaces de usuario que se comporten de manera coherente en Android, iOS, escritorio y web. Al utilizar el asistente web de Kotlin Multiplatform, puede ponerse en marcha en minutos, con los nuevos tutoriales de incorporación para guiarle mientras compila sus primeras aplicaciones de Compose Multiplatform.

¡Esperamos que encuentre la experiencia de crear aplicaciones con Compose Multiplatform divertida y gratificante! No dude en proporcionarnos comentarios sobre cómo le va. Únase al debate en el canal #compose del Slack de Kotlin, donde podrá hablar de temas generales relacionados con Compose Multiplatform y Jetpack Compose.

Qué más leer y ver

Artículo original en inglés de:

Luiz Di Bella

Garth Gilmour

image description

Discover more