Jetpack Compose - HorizontalDivider

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
HorizontalDivider
adalah komponen dalam Jetpack Compose yang digunakan untuk menambahkan garis pemisah horizontal antara elemen-elemen dalam tata letak. Ini berguna untuk membagi ruang antara komponen secara visual dalam arah horizontal.
Kapan Sebaiknya Digunakan?
-
Memisahkan Konten: HorizontalDivider digunakan untuk memisahkan konten secara visual. Misalnya, untuk memisahkan daftar item atau bagian-bagian dalam sebuah layar.
-
Menggambarkan Struktur: Digunakan untuk menunjukkan struktur atau pembagian dalam sebuah layout.
Perbedaan dengan VerticalDivider
-
Arah: HorizontalDivider menggambar garis pemisah dalam arah horizontal, sedangkan VerticalDivider menggambar dalam arah vertikal.
-
Penggunaan: HorizontalDivider umumnya digunakan untuk memisahkan konten atau bagian-bagian horizontal, sementara VerticalDivider digunakan untuk memisahkan konten atau bagian-bagian vertikal.
Parameter/Atribut
@Composable
fun HorizontalDivider(
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 DemoHorizontalDivider(modifier: Modifier = Modifier) {
Column (
modifier = modifier.fillMaxSize()
){
Text(text = "The")
//Divider 1
HorizontalDivider()
Text(text = "Ngoding")
}
}
✨”Jika Kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan” ✨Imam Syafi'i