Qu'est-ce que LessonUp
Rechercher
Canaux
Connectez-vous
S'inscrire
‹
Revenir à la recherche
Week 1: Herhaling met ListView.builder
1 / 10
suivant
Slide 1:
Diapositive
Application Development
MBO
Studiejaar 2
Cette leçon contient
10 diapositives
, avec
quiz interactifs
et
diapositives de texte
.
La durée de la leçon est:
60 min
Commencer la leçon
Partager
Imprimer la leçon
Éléments de cette leçon
Slide 1 - Diapositive
Inleiding
Slide 2 - Diapositive
Lesdoelen
Aan het einde van de les kan jij de informatie van de vorige periode toepassen in een vergelijkbaar opdracht.
Slide 3 - Diapositive
Wat heb je nodig?
Laptop en de nieuwste versie van Flutter
Zet nu ChatGPT en CoPilot uit (30 sec).
Slide 4 - Diapositive
Waarom is de manier van data doorgeven in onze app nu vervelend om te onderhouden?
Slide 5 - Question ouverte
Opdracht 1
Maak een nieuw project aan
Haal overtollige code weg
Maak een List in Dart aan van het type String en vul deze met data.
Maak een ListView.builder
Zorg dat de ListView.builder evenveel widgets bouwt als in jou List.
Laat de ListView.builder de Strings in jouw list uitprinten in een Container Widget.
Slide 6 - Diapositive
Opdracht 2
Maak nu een custom stateless of stateful widget aan in een nieuw bestand.
Maak je widget mooi om te gebruiken in de ListView.builder (gebruik bijvoorbeeld een Card of ListTile widget).
Zorg dat er een variabele is die gebruikt kan worden ergens in de custom widget.
Maak je constructor zodat de variabele doorgegeven kan worden.
In de ListView.builder, laat deze custom widget aanmaken en geef de String van de List door aan deze custom widget.
Slide 7 - Diapositive
Lesdoelen
Aan het einde van de les kan jij de informatie van de vorige periode toepassen in een vergelijkbaar opdracht.
Slide 8 - Diapositive
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.
Slide 9 - Sondage
Vooruitblik
In de volgende les implementeren wij de Provider Pattern zodat onze app makkelijker data kan passeren.
Slide 10 - Diapositive
Plus de leçons comme celle-ci
Week 5: Project plan maken met UML
Novembre 2023
- Leçon avec
24 diapositives
Application Development
MBO
Studiejaar 2
WIN wk9 / H4 / List en Dictionary
Février 2022
- Leçon avec
26 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
WIN wk9 / H4 / List en Dictionary
Février 2023
- Leçon avec
26 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
MAD les 8: Functionaliteiten, tests, prototype
Novembre 2021
- Leçon avec
35 diapositives
Mobile Application Design
MBO
Studiejaar 2
WIN wk9 / H4 / List en Dictionary
Mars 2024
- Leçon avec
26 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
WIN wk9 / H4 / List en Dictionary BR10
Novembre 2021
- Leçon avec
41 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
11A - Werken met Classes
Mai 2021
- Leçon avec
12 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1
11A - Werken met Classes
Novembre 2024
- Leçon avec
12 diapositives
Applicatie- en mediaontwikkelaar
MBO
Studiejaar 1