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 utilisonsThemeData
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 utilisonsMyHomePage
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