Android Academy · Les

Lijsten met LazyColumn

Toon efficiënt scrollbare lijsten.

Les 4 van 413 stappen

Lijsten met LazyColumn is een gratis Android Academy-les op CoddyKit. Dit is les 4 van 4. Je kunt 3 lessen uit dit leerpad gratis volledig lezen — daarna ontgrendelt CoddyKit PRO alle lessen, plus praktische oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject Android Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus Android Academy bevat in totaal 4 lessen.

Waarom niet gewoon een Column?

Een Column bouwt al zijn kinderen tegelijk op. Voor een lange of scrollbare lijst verspilt dat geheugen en wordt de gebruikersinterface trager. Je hebt een lijst nodig die alleen zichtbare items opbouwt.

LazyColumn gebruiken

LazyColumn is een scrollbare, verticale lijst die alleen de items opbouwt die momenteel op het scherm staan — vergelijkbaar met de oude RecyclerView, maar veel eenvoudiger.

LazyColumn {
    items(messages) { msg ->
        Text(text = msg)
    }
}

De functie items()

Binnen de lambda van LazyColumn roep je items(list) aan en geef je een composable op voor elk element. Compose roept die tijdens het scrollen uitgesteld aan.

LazyColumn {
    items(users) { user ->
        Text(text = user.name)
    }
}

Geen gewone lus

Gebruik geen gewone for-lus binnen LazyColumn — daarmee maak je lui opbouwen ongedaan. Gebruik altijd items() (of itemsIndexed()), zodat Compose items op aanvraag kan opbouwen.

Eén kopitem

Gebruik item { } (enkelvoud) om één vast element toe te voegen, zoals een kop, vóór de items uit de lus.

LazyColumn {
    item { Text("Header") }
    items(data) { Text(it) }
}

itemsIndexed

Als je de positie nodig hebt, gebruik je itemsIndexed om zowel de index als het element te krijgen.

LazyColumn {
    itemsIndexed(data) { index, value ->
        Text(text = "$index: $value")
    }
}

Sleutels voor stabiliteit

Geef elk item een stabiele key, zodat Compose items correct kan volgen wanneer de lijst verandert — dit verbetert de prestaties en animaties.

items(users, key = { it.id }) { user ->
    Text(user.name)
}

Items voorzien van tussenruimte

LazyColumn accepteert verticalArrangement en contentPadding om items van tussenruimte te voorzien en de randen van de lijst op te vullen.

LazyColumn(
    verticalArrangement = Arrangement.spacedBy(8.dp),
    contentPadding = PaddingValues(16.dp)
) {
    items(data) { Text(it) }
}

LazyRow

Er is ook LazyRow voor horizontaal scrollbare lijsten — dezelfde API, maar een andere richting. Ideaal voor carrousels met kaarten.

LazyRow {
    items(images) { img ->
        Image(painter = img, contentDescription = null)
    }
}

Ingebouwd scrollen

Je hoeft geen scrollmodifier toe te voegen aan een LazyColumn — die kan automatisch scrollen. Het toevoegen van verticalScroll zou conflicteren en een crash veroorzaken. Luie lijsten regelen het scrollen zelf.

Alles samenbrengen

Een lijst met items, een kop, sleutels en tussenruimtes.

@Composable
fun MessageList(messages: List<Message>) {
    LazyColumn(
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        item { Text("Inbox") }
        items(messages, key = { it.id }) { msg ->
            Text(text = msg.text)
        }
    }
}

Korte controle

Wat is het belangrijkste voordeel van LazyColumn ten opzichte van een scrollbare Column?

Beantwoord dit in de interactieve les

Samenvatting

LazyColumn:

Bouwt alleen zichtbare items op — efficiënt voor lange lijsten.
Gebruik items() / itemsIndexed(), geen for-lus.
Voeg een key toe voor stabiliteit; gebruik item { } voor koppen.
Kan automatisch scrollen — geen scrollmodifier nodig. LazyRow is de horizontale variant.

Gratis beginnen

Leer Kotlin met een AI-tutor — gratis

Schrijf echte code en voer die uit in je browser, krijg direct hulp van een AI-tutor die 24/7 beschikbaar is en ga verder waar je gebleven bent op het web of in de app.

Cursussen: 36
Lessen: 152

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Lijsten met LazyColumn” gratis?

Ja — je kunt hier op het web alle 3 lessen van het leerpad Android Academy, waaronder “Lijsten met LazyColumn”, gratis volledig lezen. Daarna ontgrendelt CoddyKit PRO alle lessen, plus interactieve oefeningen met een ingebouwde code-editor en een AI-tutor die 24/7 beschikbaar is. De cursus Android Academy bevat in totaal 4 lessen.

Wat leer ik in “Lijsten met LazyColumn”?

Toon efficiënt scrollbare lijsten. Je oefent met Android Academy door code rechtstreeks in de browser uit te voeren. Een AI-begeleider die 24/7 beschikbaar is beantwoordt je vragen terwijl je de les doorwerkt.

Heb ik ervaring nodig om met Android Academy te beginnen?

Ervaring vooraf is niet nodig. Android Academy op CoddyKit is opgebouwd voor beginners tot gevorderden, zodat je hier of bij het begin kunt starten en in je eigen tempo kunt leren. Dit is les 4 van 4.

Hoe lang duurt de les “Lijsten met LazyColumn”?

De meeste lessen van CoddyKit duren ongeveer 5–10 minuten. Elke les is kort en interactief, zodat je gestaag vooruitgaat en op het web en in de app precies verdergaat waar je was gebleven.

Kan ik code schrijven en uitvoeren in deze les over Android Academy?

Ja. Elke les over Android Academy bevat een ingebouwde code-editor, zodat je rechtstreeks in je browser echte code kunt schrijven en uitvoeren en direct feedback van AI krijgt — lokale installatie is niet nodig.

Alle lessen in deze cursus

← Terug naar Android Academy