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 display, sehingga memberikan respons visual bawaan saat mendapatkan fokus.

Komponen ini memiliki dua overload: satu dengan parameter onClick untuk item yang memicu tindakan, dan versi khusus yang dapat difokuskan untuk konten informasi yang tidak memerlukan tindakan klik.

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

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 dengan label pendukung dan ikon

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

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}