Waarom worden Flutter-widgets lichtgewicht componenten genoemd?

Widgets in Flutter beschrijven alleen de huidige configuratie van een UI-element, niet de instantie zelf. Bij een wijziging van de staat worden de widgets opnieuw opgebouwd, waardoor een nieuwe instantie ontstaat, maar de Dart VM vergelijkt effectief de oude en nieuwe widgets en werkt alleen de delen van de renderboom bij die daadwerkelijk zijn veranderd. Dit voorkomt kostbare operaties voor het maken en verwijderen van native UI-elementen, waardoor ze "lichtgewicht" worden.

• Onveranderlijkheid: Widgets zijn onveranderlijk, wat het vergelijken en hergebruik vergemakkelijkt.
• Declaratieve aanpak: De UI-beschrijving in de vorm van widgets is declaratief, wat zorgt voor hoge prestaties bij wijzigingen.
• Efficiënt diffing-algoritme: Flutter gebruikt een geoptimaliseerd algoritme om widgets snel te vergelijken en de UI bij te werken.

Voorbeeld van het maken van een eenvoudig tekstwidget:

// Aanmaken van het widget-object
Text(
  'Hallo, wereld!', // Configuratie van het widget
  style: TextStyle(fontSize: 20.0),
);

Bij het wijzigen van de tekst wordt een nieuw Text-object met nieuwe configuratie gemaakt, maar de rendering wordt efficiënt bijgewerkt.