Week 1: Herhaling met ListView.builder

• Application Development
• MBO
• Studiejaar 2

Inleiding

Lesdoelen

1. Aan het einde van de les kan jij de informatie van de vorige periode toepassen in een vergelijkbaar opdracht.

Wat heb je nodig?

Laptop en de nieuwste versie van Flutter

Zet nu ChatGPT en CoPilot uit (30 sec).

Waarom is de manier van data doorgeven in onze app nu vervelend om te onderhouden?

Opdracht 1

1. Maak een nieuw project aan
   
2. Haal overtollige code weg
3. Maak een List in Dart aan van het type String en vul deze met data.
4. Maak een ListView.builder
5. Zorg dat de ListView.builder evenveel widgets bouwt als in jou List.
6. Laat de ListView.builder de Strings in jouw list uitprinten in een Container Widget.

Opdracht 2

1. Maak nu een custom stateless of stateful widget aan in een nieuw bestand.
2. Maak je widget mooi om te gebruiken in de ListView.builder (gebruik bijvoorbeeld een Card of ListTile widget).
3. Zorg dat er een variabele is die gebruikt kan worden ergens in de custom widget.
4. Maak je constructor zodat de variabele doorgegeven kan worden.
5. In de ListView.builder, laat deze custom widget aanmaken en geef de String van de List door aan deze custom widget.

Lesdoelen

1. Aan het einde van de les kan jij de informatie van de vorige periode toepassen in een vergelijkbaar opdracht.

Wie vond deze les moeilijk te volgen of snel gaan?

Ik heb de les goed kunnen volgen

Het ging nog net. Ik moet het laten bezinken.

Het ging te snel/moeilijk.

Vooruitblik

In de volgende les implementeren wij de Provider Pattern zodat onze app makkelijker data kan passeren.