Item daftar di Jetpack Compose Glimmer

Perangkat XR yang kompatibel
Panduan ini membantu Anda membangun pengalaman untuk jenis perangkat XR ini.
Mempelajari jenis perangkat XR →
Kacamata Display
Mempelajari jenis perangkat XR →

Di Jetpack Compose Glimmer, ListItem adalah komponen standar untuk menampilkan satu baris konten. Item daftar didesain untuk interaksi berbasis fokus pada kacamata tampilan, sehingga memberikan respons visual bawaan saat mendapatkan fokus.

Komponen ini memiliki dua kelebihan: satu dengan parameter onClick untuk item yang memicu tindakan, dan versi hanya fokus untuk konten informasi yang tidak memerlukan tindakan klik.

Gambar 1. Contoh dua daftar dengan gaya item daftar yang berbeda di Glimmer Jetpack Compose.

Penggunaan dalam daftar

Item daftar adalah pilihan utama untuk baris dalam daftar, tetapi daftar juga dapat menghosting komponen lain, seperti Card atau TitleChip, untuk memberikan penekanan visual yang berbeda.

Item daftar menggunakan slot headlineContent untuk teks utamanya agar selaras dengan komponen Card dan TitleChip yang digunakan untuk item lain.

Contoh: Item daftar dasar

Kode berikut membuat item daftar dasar:

@Composable
fun ListItemSample() {
    ListItem { Text("This is a list item") }
}

Contoh: Item daftar dengan label dan ikon pendukung

Kode berikut membuat item daftar dengan label pendukung dan ikon di awal dan di akhir:

@Composable
fun ListItemWithIconsSample() {
    ListItem(
        leadingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") },
        trailingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") }
    ) {
        Text("This is a list item with icons")
    }
}