Pembagi

Pemisah adalah garis tipis yang memisahkan item dalam daftar atau penampung lainnya. Anda dapat menerapkan pemisah di aplikasi menggunakan composable HorizontalDivider dan VerticalDivider.

Platform API

Kedua komponen menyediakan parameter untuk mengubah tampilannya:

  • thickness: Gunakan parameter ini untuk menentukan ketebalan garis pemisah.
  • color: Gunakan parameter ini untuk menentukan warna garis pemisah.

Contoh pemisah horizontal

Contoh berikut menunjukkan implementasi komponen HorizontalDivider. Fungsi ini menggunakan parameter thickness untuk mengontrol tinggi garis:

@Composable
fun HorizontalDividerExample() {
    Column(
        verticalArrangement = Arrangement.spacedBy(8.dp),
    ) {
        Text("First item in list")
        HorizontalDivider(thickness = 2.dp)
        Text("Second item in list")
    }
}
Divider.kt

Implementasi ini merender garis horizontal tipis di antara dua komponen teks:

Layar aplikasi Android yang menampilkan dua item teks, 'Item pertama dalam daftar' dan 'Item kedua dalam daftar', yang dipisahkan oleh garis horizontal tipis.
Gambar 1. Pemisah horizontal yang memisahkan dua komponen teks.

Contoh pemisah vertikal

Contoh berikut menunjukkan implementasi komponen VerticalDivider. Fungsi ini menggunakan parameter color untuk memberikan warna kustom untuk garis:

@Composable
fun VerticalDividerExample() {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .height(IntrinsicSize.Min),
        horizontalArrangement = Arrangement.SpaceEvenly
    ) {
        Text("First item in row")
        VerticalDivider(color = MaterialTheme.colorScheme.secondary)
        Text("Second item in row")
    }
}
Divider.kt

Implementasi ini merender garis vertikal tipis di antara dua komponen teks:

Layar aplikasi Android yang menampilkan dua item teks, 'Item pertama dalam baris' dan 'Item kedua dalam baris', yang dipisahkan oleh garis vertikal tipis.
Gambar 2. Pembagi vertikal yang memisahkan dua komponen teks.

Referensi lainnya