MaterialApp

Le widget MaterialApp est un élément fondamental dans une application Flutter, car il configure plusieurs fonctionnalités spécifiques à Material Design et fournit un contexte global pour votre application. Voici un exemple de son utilisation :

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Mon Application',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Accueil'),
      ),
      body: Center(
        child: Text('Bienvenue dans mon application !'),
      ),
    );
  }
}

Explication :

  • Le widget MaterialApp enveloppe toute votre application Flutter.

  • La propriĂ©tĂ© title dĂ©finit le titre de votre application, qui apparaĂ®tra par exemple dans la barre d'applications.

  • La propriĂ©tĂ© theme permet de dĂ©finir le thème global de votre application. Ici, nous utilisons ThemeData pour dĂ©finir la couleur principale et d'autres paramètres visuels.

  • La propriĂ©tĂ© home dĂ©finit la page d'accueil de votre application. Dans cet exemple, nous utilisons MyHomePage comme page d'accueil.

  • Ă€ l'intĂ©rieur de MaterialApp, vous pouvez Ă©galement configurer d'autres paramètres tels que les routes, les localisations, etc.

Last updated