Jetpack Compose - HorizontalDivider

The Ngoding

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")
    }
}

navigationbar


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

Video

The Ngoding

13 Alasan Jetpack Compose Lebih Baik untuk Pengembangan Aplikasi Android

Cong Fandi

Jetpack Compose - Surface

Cong Fandi

Jetpack Compose - CutCornerShape

Cong Fandi

Jetpack Compose - RoundedCornerShape

Cong Fandi

Jetpack Compose - CircleShape

Cong Fandi

Jetpack Compose - ConstraintSet

Cong Fandi

Jetpack Compose - BadgeBox

Cong Fandi

Video

The Ngoding

Tags