Junior — Middle
Leg uit wat een FutureBuilder-widget is in de context van interface-ontwikkeling in Flutter.
sobes.tech AI
Antwoord van AI
De widget FutureBuilder in Flutter wordt gebruikt om een interface te bouwen die afhankelijk is van het resultaat van een asynchrone operatie (Future). Het luistert naar de status van de Future en bouwt de UI automatisch opnieuw wanneer de status verandert (bijvoorbeeld wachten, succesvol gegevens ontvangen of fout).
Voorbeeld van gebruik:
FutureBuilder<String>(
future: fetchData(), // asynchrone functie die een Future<String> retourneert
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return CircularProgressIndicator(); // laadindicator tonen
} else if (snapshot.hasError) {
return Text('Fout: \\${snapshot.error}');
} else if (snapshot.hasData) {
return Text('Gegevens: \\${snapshot.data}');
} else {
return Text('Geen gegevens');
}
},
)
Op deze manier vereenvoudigt FutureBuilder het werken met asynchrone gegevens en het bijwerken van de interface op basis van de laadstatus.