Sobes.tech
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.