Jetpack Compose Academy · Pelajaran

Memanggil Composable dari Composable

Susun bagian-bagian kecil menjadi layar yang lebih besar.

Pelajaran 3 dari 413 langkah

Memanggil Composable dari Composable adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Jetpack Compose Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.

Bangun Hal Besar dari Hal Kecil

Layar nyata bukanlah satu fungsi raksasa. Anda menyusunnya dengan memanggil Composable kecil dari dalam Composable yang lebih besar, seperti menumpuk balok bangunan. 🧱

Satu Composable Memanggil Composable Lain

Di dalam satu Composable, Anda cukup memanggil Composable lain berdasarkan namanya. Di sini Screen memanggil Greeting, lalu Compose menggambar Greeting di tempat Anda meletakkannya.

@Composable
fun Screen() {
    Greeting("Compose")
}

Susun Beberapa Pemanggilan

Daftarkan beberapa pemanggilan secara berurutan dan semuanya akan dirender sesuai urutan, dari atas ke bawah, seperti membaca isi fungsi.

@Composable
fun Screen() {
    Header()
    Body()
    Footer()
}

Pohon Komposisi

Pemanggilan bertingkat ini membentuk sebuah pohon. Screen adalah induknya, dan setiap Composable yang dipanggilnya menjadi simpul anak dalam hierarki UI.

Teruskan Data ke Bawah

Induk menyerahkan data kepada anak melalui parameter. Induk memiliki nilai tersebut, sedangkan anak hanya menampilkan nilai yang diterimanya.

@Composable
fun Screen() {
    UserName(name = "Ada")
}

Gunakan Kembali di Mana Saja

Karena Composable hanyalah sebuah fungsi, Anda dapat menggunakannya kembali sebanyak yang diinginkan di berbagai layar dengan data yang berbeda.

@Composable
fun List() {
    Item("Apple")
    Item("Pear")
}

Pisahkan agar Tetap Mudah Dibaca

Ketika fungsi menjadi terlalu panjang, pisahkan sebagian isinya ke dalam Composable sendiri lalu panggil Composable tersebut. Layar Anda akan terbaca seperti kerangka yang jelas.

Composable Menyusun Composable

Namanya sudah menjelaskan semuanya: bagian-bagian kecil digabungkan menjadi bagian yang lebih besar. Menguasai penumpukan ini adalah inti dari pembuatan UI Compose.

Anak Dirender di Tempat Pemanggilannya

Anak muncul tepat di tempat Anda memanggilnya dalam induk. Pindahkan pemanggilannya ke atas atau ke bawah, dan UI akan ikut berpindah.

@Composable
fun Card() {
    Title()
    Divider()
    Title()
}

Gabungkan Bawaan dan Buatan Sendiri

Anda bebas menggabungkan Composable dari kerangka kerja seperti Text dengan Composable buatan Anda sendiri. Compose memperlakukan semuanya dengan cara yang sama saat membangun pohon.

@Composable
fun Card() {
    Text("Hi")
    Greeting("there")
}

Berpikirlah dalam Komponen

Mendesain dengan Compose berarti berpikir dalam komponen kecil yang dapat digunakan kembali. Masing-masing memiliki satu tugas, dan layar menjadi susunan komponen yang rapi.

Pemeriksaan Cepat

Pemeriksaan singkat tentang penyusunan Composable.

Jawab di pelajaran interaktif

Rangkuman

Sekarang Anda dapat membangun layar dengan menumpuk Composable: panggil Composable kecil di dalam yang lebih besar, teruskan data ke bawah, dan gunakan kembali komponen untuk membentuk pohon UI. 🎉

Gratis untuk memulai

Belajar Kotlin dengan tutor AI — gratis

Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.

Kursus: 30
Pelajaran: 120

Mulai belajar gratis Lihat kursus lengkapnya

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Memanggil Composable dari Composable” gratis?

Ya — teks lengkap “Memanggil Composable dari Composable” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Jetpack Compose Academy, upgrade ke CoddyKit PRO. Kursus Jetpack Compose Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Memanggil Composable dari Composable”?

Susun bagian-bagian kecil menjadi layar yang lebih besar. Kamu berlatih Jetpack Compose Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Jetpack Compose Academy?

Tidak diperlukan pengalaman sebelumnya. Jetpack Compose Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Memanggil Composable dari Composable” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Jetpack Compose Academy ini?

Ya. Setiap pelajaran Jetpack Compose Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

← Kembali ke Jetpack Compose Academy