Saltearse al contenido
OpenCompose

List item

MaterialMaterial 3
Imagen del componente ListItem - MaterialImagen del componente ListItem - Material 3

El componente ListItem es un componente de Jetpack Compose que se utiliza para representar un elemento de una lista. Puede ser utilizado en cualquier tipo de lista, ya sea una lista vertical o horizontal.

Cada elemento de la lista se muestra como una entidad independiente, con su propio conjunto de atributos, como texto, iconos e imágenes.

Las listas tienden a tener una estructura más jerárquica, donde cada elemento de la lista ocupa su propio espacio y tiene el mismo peso visual.

Implementación

Definición del componente:

Terminal window
@Composable
fun ListItem(
    text: String,
    modifier: Modifier = Modifier,
    onClick: () -> Unit = {},
)

Los parámetros del componente en Material son los siguientes:

En Material, el componente List item se implementa como un componente independiente. Tiene los siguientes atributos:

AtributoDescripción
textEl texto que se mostrará en el elemento de la lista.
modifierEl modifier que se aplicará al elemento de la lista.
onClickUna función que se ejecutará cuando el elemento de la lista sea tocado.

Ejemplos

Imagen del componente List Item - Material
Terminal window
@Composable
fun ItemOneLine() {
    ListItem(
        headlineContent = { Text("AristiDevs") },
        leadingContent = {
            Icon(
                Icons.Filled.Favorite,
                contentDescription = "Corazon icon",
            )
        }
    )
}