Aller au contenu principal

Liste simple

Cette recette va indiquer comment afficher une liste avec Compose.

Le code de cette recette est disponible ici.

LazyColumn

Pour implanter une liste, on va utiliser le composable LazyColumn.

Chargement...

items

Une fois notre LazyColumn en place, la façon la plus simple de la remplir est d'utiliser la fonction items

  • items prend en paramètre une liste d'éléments à afficher.

  • on lui fournit une lambda pour transformer chaque élément en appel à un composable

    Chargement...

item

Dans certains cas, on pourrait ne pas directement avoir la collection à parcourir ou elle se trouve dans plusieurs collections.

  • on peut alors faire des appels indépendants à item pour ajouter des éléments à la liste.
  • cela permet aussi de retomber sur les boucles de type for ou while plus familiers.
Chargement...

Combinaisons

On peut combiner des item items avec des objets très différents dans un même LazyColumn.

Chargement...

Lazy?

En quoi cette Column est lazy ou paresseuse?

On va l'explorer en plaçant un point d'arrêt dans la lambda de items et en faisant défiler la liste.

Explorer le code

Le code de cette recette est disponible ici.

Prends le temps d'exécuter la démo en plaçant des points d'arrêt dans le code pour voir comment Compose gère la liste.