Как работать со списками в Jetpack Compose Glimmer

Поддерживаемые XR-устройства
Это руководство поможет вам создавать контент для таких устройств.
Подробнее о типах XR-устройств
Очки
Подробнее о типах XR-устройств

В Jetpack Compose Glimmer ListItem – это стандартный компонент для показа одной строки контента. Элементы списка предназначены для взаимодействия с помощью взгляда, поэтому при наведении взгляда на них они реагируют визуально.

У компонента есть две перегрузки: одна с параметром onClick для элементов, которые запускают действия, и версия только с фокусом для информационного контента, который не требует клика.

Рисунок 1. Пример двух списков с разными стилями элементов в Jetpack Compose Glimmer.

Использование в списках

Элементы списка – основной вариант для строк в списке, однако в списках могут быть и другие компоненты, например Card или TitleChip, чтобы сделать акцент на определенных элементах.

В элементах списка основной текст размещается в слоте headlineContent, чтобы соответствовать компонентам Card и TitleChip, которые используются для других элементов.

Пример: простой элемент списка

В следующем коде создается базовый элемент списка:

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

Пример элемента списка с ярлыком и значками

В следующем коде создается элемент списка с вспомогательной меткой и значками в начале и конце:

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