Como adotar o Compose no seu app

O Jetpack Compose foi projetado para funcionar com a abordagem estabelecida de IU com base em visualização. Se você estiver criando um app, a melhor opção pode ser implementar toda a IU com o Compose. No entanto, se você estiver modificando um app já existente, talvez não queira migrá-lo totalmente de uma só vez. Em vez disso, você pode combinar o Compose com a implementação de design da IU existente.

Há duas maneiras principais de integrar o Compose com uma IU com base em visualização:

  • É possível adicionar elementos do Compose à IU já existente, seja criando uma tela totalmente nova com base no Compose ou adicionando elementos do Compose a uma atividade, fragmento ou layout de visualização existentes.

  • É possível adicionar um elemento de IU com base em visualização às funções que podem ser compostas. Isso permite adicionar visualizações do Android a um design baseado no Compose.

A migração do app inteiro para o Compose funciona melhor se feita passo a passo, com a granularidade de que o projeto precisa. É possível migrar uma tela ou até mesmo um fragmento ou qualquer outro elemento de IU reutilizável por vez. É possível usar várias abordagens diferentes:

  • A abordagem bottom-up começa a migrar os elementos menores da IU na tela, como um Button ou uma TextView, seguidos pelos elementos ViewGroup até que tudo seja convertido em funções que podem ser compostas.

  • A abordagem top-down começa a migrar os fragmentos ou contêineres de visualização, como FrameLayout, ConstraintLayout ou RecyclerView, seguidos pelos elementos de IU menores na tela.

Essas abordagens pressupõem que cada tela esteja autônoma, mas também é possível migrar a IU compartilhada, como um sistema de design, para o Jetpack Compose. Para saber mais, consulte Como integrar o Compose à IU atual.

As páginas a seguir fornecem detalhes sobre como integrar o Compose aos seus apps já existentes: