Wat in Flutter overeenkomt met de boomhiërarchie?

In Flutter wordt de boomhiërarchie weergegeven door de Widget Tree. Elk element van de gebruikersinterface is een widget, die andere widgets kan bevatten en zo een geneste structuur vormt.

Deze widgetboom beschrijft de structuur van de UI, en Flutter gebruikt deze om de interface te bouwen en bij te werken. Naast de widgetboom bestaan er ook elementbomen (Element Tree) en render-objectbomen (Render Object Tree), die respectievelijk verantwoordelijk zijn voor de levenscyclus en de rendering, maar de hoofdhiërarchie is precies de widgetboom.

Voorbeeld van een eenvoudige widgetboom:

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(title: Text('Voorbeeld')), // AppBar is een kind-widget van Scaffold
    body: Center(
      child: Column(
        children: [
          Text('Hallo'),
          ElevatedButton(onPressed: () {}, child: Text('Druk op')),
        ],
      ),
    ),
  );
}