Jetpack Compose - VerticalDivider

Penting

Pembahasan ini merupakan rentetan dari topik pembahasan tentang Dasar Dasar Jetpack Compose, terdapat hampir 100 pembahasan, untuk melihat daftarnya silahkan klik DAFTAR PEMBAHASAN COMPOSE

Pengertian

VerticalDivider adalah komponen dalam Jetpack Compose yang digunakan untuk menambahkan garis pemisah vertikal antara elemen-elemen dalam tata letak. Ini berguna untuk membagi ruang antara komponen secara visual dalam arah vertikal.

Kapan Sebaiknya Digunakan?

• Memisahkan Konten: VerticalDivider digunakan untuk memisahkan konten secara visual. Misalnya, untuk memisahkan kolom dalam sebuah layout.

• Menggambarkan Struktur: Digunakan untuk menunjukkan struktur atau pembagian dalam sebuah layout.

Perbedaan dengan HorizontalDivider

• Arah: VerticalDivider menggambar garis pemisah dalam arah vertikal, sedangkan HorizontalDivider menggambar dalam arah horizontal.

• Penggunaan: VerticalDivider umumnya digunakan untuk memisahkan konten atau bagian-bagian vertikal, sementara HorizontalDivider digunakan untuk memisahkan konten atau bagian-bagian horizontal.

Parameter/Atribut

@Composable
fun VerticalDivider(
    modifier: Modifier = Modifier,
    thickness: Dp = DividerDefaults.Thickness,
    color: Color = DividerDefaults.color,
)

Parameter pada Divider di Jetpack Compose

• modifier: Modifier

  • Modifier yang digunakan untuk menyesuaikan tata letak atau gaya visual dari Divider.

• thickness: Dp

  • Ketebalan dari Divider dalam satuan Density-independent Pixels (Dp).

• color: Color

  • Warna dari Divider.

Contoh

@Composable
fun DemoVerticalDivider(modifier: Modifier = Modifier) {
    Row {
        Text(text = "The ")
        //Divider 1
        VerticalDivider()
        Text(text = " Ngoding")
    }
}

✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi'i

Video