Introduction aux widgets

Qu'est-ce qu'un widget ?

Un widget est une description immuable d'une partie de l'interface. On le configure par ses propriétés (des paramètres nommés). Flutter les assemble et les dessine.

Text(
  'Campagne Ladignac',
  style: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
)

L'arbre de widgets

Un widget « contenant » reçoit d'autres widgets via child (un) ou children (plusieurs). On construit ainsi une hiérarchie.

Padding(
  padding: EdgeInsets.all(16),
  child: Column(children: [ Text('A'), Text('B') ]),
)

Les widgets de base

• Text — afficher du texte (avec un style).
• Image.asset / Image.network — une image locale ou distante.
• Icon — une icône Material (Icons.local_gas_station).
• Container — une boîte stylable (marge, fond, bordure).

Le mot-clé const

Préfixer un widget qui ne changera jamais par const permet à Flutter de le réutiliser sans le reconstruire : petit gain de performance, bon réflexe.

const Text('Fioul Groupé')