SwiftUI Academy · Les

Zware inhoud lui laden

Stel kostbaar werk uit tot het zichtbaar is.

Les 3 van 413 stappen

Zware inhoud lui laden is een gratis SwiftUI Academy-les op CoddyKit. Dit is les 3 van 4. Je kunt de volledige les hieronder gratis lezen en daarna in de browser praktisch oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is. Deze les maakt deel uit van het leertraject SwiftUI Academy. Je voortgang wordt gesynchroniseerd op het web en in de CoddyKit-app. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Bouw alleen wat zichtbaar is

Duizend rijen buiten beeld weergeven is verspilling. Lazy-containers bouwen weergaven pas wanneer ze in beeld scrollen, waardoor ze enorm veel werk besparen.

Gretige versus luie stacks

Een gewone VStack bouwt elk onderliggend element vooraf op. In een ScrollView met veel items kan die opstartkost het scherm laten vastlopen.

Gebruik LazyVStack

Vervang die door LazyVStack in een ScrollView. De container stelt het maken van elke rij uit tot die bijna op het scherm verschijnt.

ScrollView {
    LazyVStack {
        ForEach(items) { RowView(item: $0) }
    }
}

List is ook lazy

Een List hergebruikt rijen automatisch, net als een lazy stack. Voor lange, eenvoudige feeds is dit vaak de eenvoudigste snelle keuze.

Lazy rasters voor kaarten

Gebruik voor galerijen LazyVGrid. Die rangschikt kaarten in kolommen en bouwt alleen de cellen die momenteel in beeld zijn.

LazyVGrid(columns: cols) {
    ForEach(photos) { Thumb(photo: $0) }
}

Laad afbeeldingen asynchroon

Zware afbeeldingen mogen de hoofdthread niet blokkeren. AsyncImage haalt ze op en decodeert ze buiten beeld, en toont tot die tijd een tijdelijke afbeelding.

AsyncImage(url: photo.url) { img in
    img.resizable()
} placeholder: { ProgressView() }

Grote afbeeldingen verkleinen

Een foto met volledige resolutie in een kleine cel verspilt geheugen. Gebruik Downsample om de afbeelding aan de weergegeven grootte aan te passen, zodat het scrollen soepel blijft.

Stel duur werk uit

Bereken zware waarden wanneer een rij voor het eerst verschijnt, niet voor alle rijen tegelijk. Met de onAppear-haak kun je dat werk precies op tijd starten.

RowView(item: item)
    .onAppear { item.prefetch() }

Lange gegevens pagineren

Laad niet in één keer tienduizend records. Paginafeer: haal de volgende pagina op wanneer de gebruiker de onderkant van de lijst nadert.

Lazy heeft een nadeel

Lazy-weergaven vergeten inhoud buiten beeld, dus die opnieuw opbouwen bij terugscrollen kost werk. Houd de body van elke cel licht om het scrollen soepel te houden.

Combineer de technieken

In echte apps houden lazy-containers, asynchrone afbeeldingen en paginering samen het geheugengebruik laag en de beeldfrequentie stabiel.

Korte controle

Wat is het belangrijkste voordeel van LazyVStack boven VStack bij lang scrollen?

Beantwoord dit in de interactieve les

Samenvatting: lazy laden

Je hebt geleerd werk uit te stellen met lazy-containers, afbeeldingen asynchroon te laden en gegevens te pagineren, zodat zware inhoud zonder haperingen kan scrollen. 🚀

Gratis beginnen

Leer Swift 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: 30
Lessen: 120

Gratis beginnen met leren Bekijk de volledige cursus

Veelgestelde vragen

Is de les “Zware inhoud lui laden” gratis?

Ja — de volledige tekst van “Zware inhoud lui laden” kun je hier gratis op het web lezen. Als je interactief wilt oefenen met een ingebouwde code-editor en een AI-begeleider die 24/7 beschikbaar is, en de rest van de cursus SwiftUI Academy wilt ontgrendelen, kun je upgraden naar CoddyKit PRO. De cursus SwiftUI Academy bevat in totaal 4 lessen.

Wat leer ik in “Zware inhoud lui laden”?

Stel kostbaar werk uit tot het zichtbaar is. Je oefent met SwiftUI 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 SwiftUI Academy te beginnen?

Ervaring vooraf is niet nodig. SwiftUI 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 3 van 4.

Hoe lang duurt de les “Zware inhoud lui laden”?

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 SwiftUI Academy?

Ja. Elke les over SwiftUI 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 SwiftUI Academy