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.