Cómo implementar Compose en tu app

Jetpack Compose está diseñado para funcionar con el enfoque establecido de IU basada en vistas. Si estás compilando una app nueva, la mejor opción podría ser implementar la IU completa con Compose. Sin embargo, si estás modificando una app existente, es posible que no quieras migrar tu app por completo de una sola vez. En su lugar, puedes combinar Compose con tu implementación de diseño de IU existente.

Existen dos maneras principales de integrar Compose con una IU basada en vistas:

  • Para agregar elementos de Compose a tu IU existente, puedes crear una pantalla completamente nueva basada en Compose o agregar elementos de Compose a un diseño de actividades, vistas o fragmento existente.

  • Puedes agregar un elemento de la IU basada en vistas a tus funciones que admiten composición. Esto te permite agregar vistas de Android a un diseño basado en Compose.

La mejor manera de migrar toda la app a Compose es hacerlo paso a paso con el nivel de detalle que necesita el proyecto. Puedes migrar una pantalla a la vez, o incluso un fragmento o cualquier otro elemento de la IU reutilizable a la vez. Puedes usar varios enfoques diferentes:

  • El enfoque desde abajo hacia arriba comienza migrando los elementos de la IU más pequeños en la pantalla, como Button o TextView, seguidos por sus elementos de ViewGroup, hasta que todos los elementos se hayan convertido en funciones que admiten composición.

  • El enfoque desde arriba hacia abajo comienza migrando los fragmentos o contenedores de vistas, como FrameLayout, ConstraintLayout o RecyclerView, seguidos por los elementos de la IU más pequeños en la pantalla.

Esos enfoques suponen que cada pantalla es independiente, pero también es posible migrar la IU compartida, como un sistema de diseño, a Jetpack Compose. Para obtener más información, consulta cómo integrar Compose con tu IU existente.

En las siguientes páginas, se proporcionan detalles sobre cómo integrar Compose a tus apps existentes:

  • API de interoperabilidad: Obtén información sobre las API de Compose para ayudarte a combinar el elemento Combine con la IU basada en objetos View.
  • Compose en tu arquitectura existente: Obtén información para integrar las IU basada en objetos View y Compose mientras adoptas Compose en tu app.
  • Compose en tu IU existente: Obtén más información para compartir elementos de la IU basada en objetos View entre Compose y las partes que no sean de Compose de la IU de tu app.