Jetpack Compose dirancang untuk bekerja dengan pendekatan UI yang sudah ada berbasis View. Jika Anda membuat aplikasi baru, opsi terbaik adalah menerapkan seluruh UI Anda dengan Compose. Namun, jika Anda memodifikasi aplikasi yang sudah ada, Anda mungkin tidak ingin sepenuhnya memigrasikan aplikasi sekaligus. Sebagai gantinya, Anda dapat menggabungkan Compose dengan penerapan desain UI yang sudah ada.
Ada dua cara utama untuk mengintegrasikan Compose dengan UI berbasis View:
Anda dapat menambahkan elemen Compose ke UI yang sudah ada dengan membuat layar baru berbasis Compose, atau dengan menambahkan elemen Compose ke aktivitas, fragmen atau tata letak tampilan yang sudah ada.
Anda dapat menambahkan elemen UI berbasis View ke dalam fungsi composable. Dengan melakukannya, Anda dapat menambahkan tampilan Android ke dalam desain berbasis Compose.
Cara terbaik untuk memigrasikan seluruh aplikasi ke Compose adalah dengan membuat perincian yang dibutuhkan project secara bertahap. Anda dapat memigrasikan satu layar dalam satu waktu, atau bahkan satu fragmen atau elemen UI lain yang dapat digunakan kembali dalam satu waktu. Anda dapat menggunakan beberapa pendekatan yang berbeda:
Pendekatan bottom-up mulai memigrasikan elemen UI yang lebih kecil di layar, seperti
Button
atauTextView
, diikuti dengan elemenViewGroup
sampai semuanya dikonversi menjadi fungsi yang dapat dikomposisi.Pendekatan vertikal mulai memigrasikan fragmen atau container tampilan, seperti
FrameLayout
,ConstraintLayout
, atauRecyclerView
, diikuti dengan elemen UI yang lebih kecil di layar.
Pendekatan ini mengasumsikan bahwa setiap layar bersifat mandiri, tetapi Anda juga dapat memigrasikan UI bersama, seperti sistem desain, ke Jetpack Compose. Lihat Mengintegrasi Compose dengan UI yang sudah ada untuk informasi selengkapnya.
Halaman berikut memberikan detail cara mengintegrasikan Compose dengan aplikasi yang sudah ada:
- Menambahkan Compose ke aplikasi Anda: Pelajari dasar-dasar cara mulai menggunakan Compose di aplikasi berbasis View yang sudah ada.
- API Interoperabilitas: Pelajari API Compose untuk membantu Anda menggabungkan Compose dengan UI berbasis View.
- Compose di arsitektur yang sudah ada: Pelajari cara menggabungkan UI berbasis View dan Compose saat menggunakan Compose di aplikasi Anda.
- Compose di UI yang sudah ada: Pelajari cara berbagi elemen UI berbasis View antara bagian Compose dan non-Compose UI aplikasi Anda.