Elementos de lista en Jetpack Compose Glimmer

Dispositivos de realidad extendida correspondientes
Esta guía te ayuda a crear experiencias para estos tipos de dispositivos de realidad extendida.
Más información sobre los tipos de dispositivos de realidad extendida →
Display Glasses
Más información sobre los tipos de dispositivos de realidad extendida →

En Jetpack Compose Glimmer, el ListItem es el componente estándar para mostrar una sola fila de contenido. Los elementos de lista están diseñados para la interacción basada en el enfoque de los lentes de visualización, por lo que proporcionan una respuesta visual integrada cuando se enfocan.

El componente tiene dos sobrecargas: una con un parámetro onClick para los elementos que activan acciones y una versión solo enfocable para el contenido informativo que no requiere una acción de clic.

Figura 1. Un ejemplo de dos listas con diferentes estilos de elementos de lista en Jetpack Compose Glimmer

Uso en listas

Los elementos de lista son la opción principal para las filas dentro de una lista. Sin embargo, las listas también pueden alojar otros componentes, como una Card o TitleChip, para proporcionar un énfasis visual diferente.

Los elementos de lista usan la ranura headlineContent para su texto principal para alinearse con los componentes Card y TitleChip que se usan para otros elementos.

Ejemplo: Elemento de lista básico

Con el siguiente código, se crea un elemento de lista básico:

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

Ejemplo: Elemento de lista con una etiqueta y íconos de apoyo

Con el siguiente código, se crea un elemento de lista con una etiqueta de apoyo y los íconos inicial y final:

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