LazyColumn ou colonne déroulable
Comprenez pourquoi les listes différées passent à l’échelle.
LazyColumn ou colonne déroulable est une leçon Jetpack Compose Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Jetpack Compose Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
The Long-List Problem
When a list has hundreds of rows, you can't draw them all at once. You need a list that only builds what's actually visible on screen.
A Plain Column Builds Everything
A regular Column composes every single child immediately, even rows far below the screen. With long data, that wastes memory and time.
Column {
items.forEach { Text(it) }
}Column Needs verticalScroll
A plain Column doesn't even scroll on its own. You must add a verticalScroll modifier just to move past the screen edge.
Column(Modifier.verticalScroll(rememberScrollState())) {
items.forEach { Text(it) }
}Meet LazyColumn
A LazyColumn is the scrollable list built for big data. It composes rows on demand as you scroll, so the cost stays small. 🚀
LazyColumn {
// items go here
}Lazy Means On Demand
"Lazy" means a row is only created when it scrolls into view. Off-screen items simply don't exist yet, which keeps things fast and light.
Reuse, Not Rebuild
As rows leave the top, LazyColumn recycles them for new rows entering the bottom. A few dozen rows can serve thousands of items.
The items Block
Inside LazyColumn you describe content with an items block instead of a normal loop. Compose decides which ones to actually build.
LazyColumn {
items(names) { name ->
Text(name)
}
}Scrolling Is Built In
LazyColumn scrolls by default, so you never wrap it in verticalScroll. Adding one would actually cause a crash.
When a Column Is Fine
For a few fixed rows that all fit on screen, a plain Column is simpler and perfect. Reach for LazyColumn only when the list can grow.
Never Nest the Same Direction
Avoid putting a LazyColumn inside a vertically scrolling Column. The two scroll directions clash, and Compose can't measure the height.
Performance Is the Payoff
The big win is performance: smooth scrolling and steady memory no matter how long the data gets. That's why lazy lists scale.
Quick Check
Time to test which list to reach for.
Recap: Lazy Wins for Big Lists
A Column builds everything up front and needs verticalScroll; a LazyColumn builds rows on demand, recycles them, and scales effortlessly. 🎉
Questions Fréquemment Posées
La leçon « LazyColumn ou colonne déroulable » est-elle gratuite ?
Oui — le texte complet de « LazyColumn ou colonne déroulable » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Jetpack Compose Academy, passe à CoddyKit PRO. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « LazyColumn ou colonne déroulable » ?
Comprenez pourquoi les listes différées passent à l’échelle. Tu pratiques Jetpack Compose Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Jetpack Compose Academy ?
Aucune expérience préalable n'est requise. Jetpack Compose Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « LazyColumn ou colonne déroulable » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Jetpack Compose Academy ?
Oui. Chaque leçon Jetpack Compose Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- LazyColumn ou colonne déroulable
- items et itemsIndexed
- Clés pour des listes stables et rapides
- En-têtes persistants et listes par sections