Qu'est-ce que les widgets dans Flutter ?

Question

Accepted Answer

Dans Flutter, **tout est un widget** — les éléments d'interface utilisateur (boutons, texte, images), les structures de mise en page (lignes, colonnes, remplissage) et même l'application elle-même sont tous des widgets. Les widgets sont les blocs de construction immuables qui se composent pour former l'interface utilisateur entière.

## Tout est un widget

```text
Widgets describe the UI. EVERYTHING is a widget:
  → visible elements: Text, Image, Icon, Button, etc.
  → layout: Row, Column, Container, Padding, Center, Stack, etc.
  → structure: Scaffold (page structure), AppBar, etc.
  → even the app itself (MaterialApp) and abstract things (Padding, Theme)
→ You build UI by COMPOSING widgets into a tree (widgets contain other widgets).
```

## Composer les widgets dans un arbre

```dart
// build a UI by NESTING widgets (composition)
Scaffold(                       // page structure
  appBar: AppBar(title: Text('Home')),   // app bar with text
  body: Center(                 // centers its child
    child: Column(              // vertical layout
      children: [
        Text('Hello'),          // text widget
        ElevatedButton(         // a button
          onPressed: () {},
          child: Text('Click'),
        ),
      ],
    ),
  ),
)
// → a WIDGET TREE: Scaffold > Center > Column > [Text, Button]
```

Les widgets s'imbriquent pour former un **arbre de widgets** — la composition est le modèle fondamental (combiner des widgets simples en interfaces complexes).

## Les widgets sont immuables ; configuration

```text
→ Widgets are IMMUTABLE descriptions of the UI (configuration, not the actual rendered
  objects) — Flutter rebuilds them efficiently when state changes
→ build() methods return widget trees describing what the UI should look like
→ Flutter handles efficiently turning widgets into rendered pixels
```

## Pourquoi c'est important

Comprendre les widgets est fondamental pour Flutter car **tout dans Flutter est un widget** — l'interface utilisateur entière est construite à partir d'eux — donc maîtriser le modèle de widget est une connaissance essentielle et fondatrice pour tout développement Flutter.

Le concept fondamental — que les éléments visibles (texte, boutons, images), les structures de mise en page (lignes, colonnes, remplissage), la structure de page et même l'application elle-même sont **tous des widgets** — est la caractéristique déterminante du fonctionnement de Flutter, et le comprendre est le point de départ pour construire toute interface utilisateur Flutter.

Comprendre que les interfaces utilisateur sont construites en **composant des widgets dans un arbre** (imbrication de widgets, combinaison de simples en interfaces complexes) est le modèle fondamental du développement Flutter — la composition plutôt que l'héritage, la construction d'interfaces complexes à partir de blocs simples et réutilisables.

Comprendre que **les widgets sont des descriptions immuables** de l'interface utilisateur (configuration plutôt que les objets réellement rendus, avec Flutter les reconstruisant efficacement lorsque l'état change) est important pour comprendre comment fonctionne le modèle d'interface utilisateur déclaratif de Flutter — vous décrivez à quoi l'interface utilisateur devrait ressembler, et Flutter gère le rendu efficacement.

Ce modèle de widget et de composition sous-tend tout dans Flutter : les mises en page, le style, la gestion d'état et la structure fonctionnent tous via les widgets.

Puisque le widget est l'unité atomique de Flutter (tout est un widget, les interfaces utilisateur sont des arbres de widgets construits par composition) et que comprendre ce modèle est la fondation absolue pour construire des interfaces utilisateur Flutter, comprendre les widgets — que tout est un widget, la composition dans les arbres et leur nature déclarative immuable — est une connaissance Flutter essentielle et fondatrice, le concept fondamental sur lequel tous les aspects du développement Flutter reposent et la première chose à comprendre en apprenant Flutter.