Que comprenez-vous par rendu ?

Le rendu dans Flutter est le processus de transformation de l'arbre de widgets en un arbre d'éléments, puis en un arbre de rendu, qui est finalement affiché à l'écran.

Étapes principales:

1. Arbre de Widgets: Description déclarative de l'interface utilisateur.
2. Arbre d'Éléments: Interprétation de l'arbre de widgets, contenant des références aux instances de widgets et à l'état des widgets (pour StatefulWidget). L'arbre d'éléments sert de pont entre l'arbre de widgets et l'arbre de rendu.
3. Arbre de Rendu: Contient des objets RenderObject, qui savent comment se dessiner eux-mêmes (paint) et comment déterminer leur taille et leur position (layout). C'est un arbre abstrait, indépendant de la plateforme.
4. Peinture et Composition: Les commandes de dessin indépendantes de la GPU sont envoyées à Skia (moteur graphique de Flutter), qui les convertit en commandes dépendantes de la GPU.
5. Rasterisation: La GPU dessine les commandes sur les pixels de l'écran.
6. Affichage: Les pixels sont affichés à l'écran de l'appareil.

Le cycle de rendu et de construction du layout se produit lors d'un changement d'état nécessitant une nouvelle peinture, ou lors de l'activation d'un frame via Scheduler. Scheduler planifie l'exécution des fonctions, y compris build (pour construire l'arbre d'éléments) et layout / paint (pour l'arbre de rendu).

// Exemple d'un widget simple
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Chaque widget décrit une partie de l'interface utilisateur.
    // Flutter transforme cette description en éléments et objets de rendu.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}