👏

【Flutter】【Widget】MaterialAppってぶっちゃけなにができるの?

2023/10/29に公開

はじめに

scaffoldについて調べていたらMaterialAppのことを書いてある記事を見つけて
気になったので勉強してみた。

結論

アプリのRoute(画面遷移)やTheme(共通の色やデザイン)などのApp全体の管理ができるWidgetです。

MaterialAppにはどんなプロパティがあるの?

よく使われているものを挙げると...

themeプロパティ
homeプロパティ

の2つ
*今回は2つだけ紹介します。

theme

themeプロパティにはThemeData()を入れることtextやcolor、buttonのベースを整えることができる。

home

ここには一番最初に起動させたいページを記載すると最初に表示される。

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        useMaterial3: false,
      ),
      home: const LoginPage(),
    );
  }
}

この内容だと『最初にLoginPageを表示する』って意味。

参考文献

https://qiita.com/youmeee/items/c71e4d906ef93f3b228b

Flutter大学

Discussion