Créez votre première application Flutter

• L’application s’étend StatelessWidget, ce qui fait de l’application elle-même un widget. Dans Flutter, presque tout est un widget, y compris l’alignement, le remplissage et la mise en page.
• Le Scaffoldwidget, de la bibliothèque de matériaux, fournit une barre d’application par défaut, un titre et une propriété body qui contient l’arborescence du widget pour l’écran d’accueil. La sous-arborescence des widgets peut être assez complexe.
• Le travail principal d’un widget est de fournir une buildméthode qui décrit comment afficher le widget en termes d’autres widgets de niveau inférieur.
• Le corps de cet exemple consiste en un Centerwidget contenant un Textwidget enfant. Le Centerwidget aligne sa sous-arborescence de widgets au centre de l’écran.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Mon Premier Projet Flutter'),
        ),
        body: Center(
          child: Text('Bonjour, Flutter!'),
        ),
      ),
    );
  }
}

• import 'package:flutter/material.dart'; : Cette ligne importe le package flutter/material.dart, qui contient les widgets et les outils nécessaires pour créer des applications Flutter avec une interface utilisateur matérielle.
• void main() { runApp(MyApp()); } : La fonction main est le point d’entrée de l’application. Elle appelle la fonction runApp, qui prend en argument une instance de la classe MyApp. runApp démarre l’exécution de l’application Flutter.
• class MyApp extends StatelessWidget { : Définition de la classe MyApp, qui étend la classe StatelessWidget. Une classe StatelessWidget est utilisée lorsqu’une partie de l’interface utilisateur de l’application est statique, c’est-à-dire qu’elle ne change pas.
• @override Widget build(BuildContext context) { : La méthode build est une méthode obligatoire pour tout widget dans Flutter. Elle retourne l’arborescence des widgets qui composent l’interface utilisateur de cet élément.
• return MaterialApp( : Création d’une instance de MaterialApp, qui est un widget principal pour une application Flutter basée sur le design Material.
• home: Scaffold( : Le widget Scaffold est une structure de base pour la conception des pages. Il fournit un espace pour l’appbar, le body et d’autres éléments.
• appBar: AppBar( : Le widget AppBar crée une barre d’applications avec un titre.
• title: Text('Mon Premier Projet Flutter'), : Le titre de l’AppBar est un widget Text affichant le texte « Mon Premier Projet Flutter ».
• body: Center( : Le corps (body) du Scaffold est centré.
• child: Text('Bonjour, Flutter!'), : Un widget Text affichant le texte « Bonjour, Flutter! » centré dans le corps du Scaffold.
• ), : Fermeture des différents widgets imbriqués.
• ), : Fermeture du Scaffold.
• ), : Fermeture du MaterialApp.
• ); : Fermeture de l’appel à runApp.
• En résumé, le fichier main.dart crée une application Flutter simple avec une seule page (Scaffold). La page a une barre d’applications (AppBar) avec un titre, et le corps contient un texte centré. Cette application ne gère pas d’état mutable, car elle utilise un widget Stateless.