Listas no Jetpack Compose Glimmer

Dispositivos XR aplicáveis

Estas orientações ajudam você a criar experiências para esses tipos de dispositivos de XR.

Saiba mais sobre os tipos de dispositivos XR →

Saiba mais sobre os tipos de dispositivos XR →

No Glimmer do Jetpack Compose, as listas são componentes de interface roláveis verticalmente que renderizam com eficiência apenas os itens visíveis, projetados para fornecer comportamentos específicos e compatibilidade de entrada para apps de óculos de IA. O Glimmer do Jetpack Compose faz isso usando os componentes VerticalList e ListItem.

O VerticalList é o componente do Glimmer do Jetpack Compose para mostrar conteúdo vertical rolável. Ela oferece a mesma funcionalidade de API que LazyColumn, mas com comportamentos otimizados especificamente para o Jetpack Compose Glimmer e óculos de IA com tela.

As listas de brilho do Jetpack Compose têm algumas restrições exclusivas:

• As listas só podem mostrar até três itens em uma visualização.
• Quando uma lista tem mais itens do que cabem em uma visualização, uma tela preta é usada perto dos limites da lista.

Exemplo: mostrar uma lista vertical com três itens

O código a seguir mostra como usar um VerticalList e componentes ListItem para criar uma lista de três itens:

@Composable
fun GlimmerListWithButtons() {
    VerticalList(
        contentPadding = PaddingValues(16.dp),
        verticalArrangement = Arrangement.spacedBy(20.dp)
    ) {
        items(count = 3) { index ->
            ListItem(
                onClick = { /* Handle Click */ },
                leadingIcon = if (index == 1) {
                    { Icon(Icons.Rounded.Favorite, "Favorite Icon") }
                } else null
            ) {
                Text("List Item + $index")
            }
        }
    }
}

Pontos principais sobre o código

• A lista mostra três itens gerados dinamicamente, sendo cada um um ListItem.
• Cada ListItem pode ser personalizado, e um ícone pode ser adicionado a ele.