Row: Menempatkan Berdampingan
Susun child dari kiri ke kanan.
Row: Menempatkan Berdampingan adalah pelajaran Jetpack Compose Academy gratis di CoddyKit. Ini adalah pelajaran 2 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.
Berdampingan
Saat Anda ingin anak-anak berada dalam satu garis horizontal, gunakan Baris. Ini adalah saudara Kolom yang tersusun ke samping. ➡️
Baris Pertama Anda
Baris menerima lambda terakhir seperti Kolom. Setiap anak yang Anda panggil di dalamnya ditempatkan di sebelah anak sebelumnya, dari kiri ke kanan.
Row {
Text("Left")
Text("Right")
}Urutannya dari Kiri ke Kanan
Anak-anak mengalir berdasarkan urutan sumber melintasi layar. Composable pertama berada di awal, berikutnya di sampingnya, dan seterusnya.
Pasangan Ikon dan Label Klasik
Baris sangat cocok untuk pasangan kecil, seperti Ikon di sebelah label Teks. Kombinasi berdampingan ini banyak digunakan dalam aplikasi nyata.
Row {
Icon(Icons.Default.Star, null)
Text("Favorite")
}Jarak di antara Anak
Gunakan horizontalArrangement bersama spacedBy untuk memberikan jarak yang sama di antara setiap anak, bukan memberi padding satu per satu.
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
Text("A")
Text("B")
}Menyelaraskan Anak Secara Vertikal
Atur verticalAlignment untuk menyusun anak-anak sepanjang tinggi baris. CenterVertically menjaga ikon dan teks tinggi tetap berada di tengah dengan rapi.
Row(verticalAlignment = Alignment.CenterVertically) {
Icon(Icons.Default.Star, null)
Text("Centered")
}Mendorong Item agar Berjauhan
Arrangement.SpaceBetween menempatkan anak pertama di awal dan anak terakhir di akhir, lalu menyebarkan ruang tambahan di antara keduanya.
Row(horizontalArrangement = Arrangement.SpaceBetween) {
Text("Start")
Text("End")
}Berbagi Ruang dengan weight
Berikan weight kepada anak melalui modifier-nya agar anak tersebut mengambil lebar yang tersisa. Dua weight yang sama akan membagi baris secara merata.
Row {
Text("Half", Modifier.weight(1f))
Text("Half", Modifier.weight(1f))
}Baris Belum Dapat Digulir
Baris biasa tidak dapat digulir. Anak yang melampaui lebar akan terpotong, jadi gunakan Baris dasar hanya untuk konten yang muat.
Menambahkan Guliran Horizontal
Untuk konten yang lebar, pasang horizontalScroll pada modifier Baris agar seluruh deretan dapat digeser ke samping.
Row(modifier = Modifier.horizontalScroll(rememberScrollState())) {
Text("Wide content")
}Baris di Dalam Kolom
Sebagian besar layar menggabungkan keduanya. Kolom menumpuk bagian secara vertikal, sedangkan setiap bagian menggunakan Baris untuk menata elemennya berdampingan.
Pemeriksaan Singkat
Mari pastikan bagaimana Baris menata anak-anaknya.
Ringkasan: Baris
Anda mempelajari Baris: komponen ini menempatkan anak dari kiri ke kanan, menggunakan pengaturan dan penyelarasan untuk memosisikannya, serta membagi lebar dengan weight untuk tata letak yang fleksibel.
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
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Row: Menempatkan Berdampingan” gratis?
Ya — teks lengkap “Row: Menempatkan Berdampingan” 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 “Row: Menempatkan Berdampingan”?
Susun child dari kiri ke kanan. 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 2 dari 4.
Berapa lama pelajaran “Row: Menempatkan Berdampingan” 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
- Column: Menumpuk Secara Vertikal
- Row: Menempatkan Berdampingan
- Box: Melapisi & Menumpuk
- Pengaturan & Perataan