Hoe worden onveranderlijke objecten gebruikt in Flutter?

In Flutter spelen onveranderlijke objecten (bijvoorbeeld widgets) een centrale rol in het mechanisme van het opnieuw tekenen van de gebruikersinterface.

Belangrijke aspecten van gebruik:

• Efficiëntie van opnieuw tekenen: Flutter kan widgets in de elementboom efficiënt vergelijken, omdat hun eigenschappen niet veranderen na creatie. Als de eigenschappen van de bovenliggende widget niet zijn veranderd, hoeven ook de kinderen, die onveranderlijke widgets zijn, niet opnieuw te worden getekend, wat de prestaties optimaliseert.
• Voorspelbaarheid: Vanwege de onveranderlijkheid van de eigenschappen van de widget, is de staat altijd duidelijk gedefinieerd op het moment van creatie. Dit vereenvoudigt debugging en begrip van de gegevensstroom in de app.
• Stroomveiligheid: Omdat onveranderlijke objecten niet kunnen worden gewijzigd, zijn ze inherent veilig voor de stroom. Dit is belangrijk in asynchrone omgevingen, waar meerdere threads met de gegevens kunnen interageren.
• Aanmaken van een nieuwe staat: Bij gegevenswijzigingen wordt in plaats van het muteren van het bestaande object, een nieuwe instantie van de widget of het toestandsobject gemaakt met de bijgewerkte eigenschappen.

Voorbeeld van het maken van een onveranderlijke widget StatelessWidget:

import 'package:flutter/material.dart';

class ImmutableWidget extends StatelessWidget {
  final String text; // Final veld - maakt het onveranderlijk na creatie

  const ImmutableWidget({Key? key, required this.text}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Text(text);
  }
}

In StatefulWidget is de widget zelf onveranderlijk, maar het bijbehorende object State is veranderlijk en bewaart de wijzigbare toestand. Wanneer de toestand in State wordt gewijzigd, wordt setState() aangeroepen, dat het framework informeert dat de widgets opnieuw moeten worden opgebouwd met de nieuwe toestand. Er wordt een nieuwe instantie van de widget gemaakt met de bijgewerkte eigenschappen, maar de oude widget wordt vergeleken met de nieuwe om de minimale wijzigingen in de elementboom te bepalen.