Liste des Widgets de A à Z

Widgets DB

Qu’est ce qu’un Widget?

<aside> 📝 Les widgets sont les éléments de base de l'interface utilisateur (UI) dans Flutter. Ils représentent des éléments visuels tels que des boutons, des textes, des images et des conteneurs. Chaque widget possède un ensemble de propriétés qui définissent son apparence et son comportement. En combinant des widgets, vous pouvez créer des interfaces utilisateur complexes et riches en fonctionnalités.

</aside>

Les Différents types de Widget

Le StatelessWidget

Un StatelessWidget est un widget sans état. Il ne peut pas changer au fil du temps, ce qui signifie que ses propriétés sont immuables après sa création.

class MyStatelessWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Text('Hello, world!');
  }
}

Le StatefulWidget

Un StatefulWidget est un widget avec un état mutable. Il peut changer au fil du temps en réponse aux interactions de l'utilisateur ou aux événements.

class MyStatefulWidget extends StatefulWidget {
  
  @override
  _MyStatefulWidgetState createState() => _MyStatefulWidgetState();

}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Text('Counter: $_counter'),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: Text('Increment'),
        ),
      ],
    );
  }
}