Flutter Material风格组件(MaterialApp)|酷客网

Flutter Material风格组件(MaterialApp)，Material Design是Google在2014 I/O大会上发布的一套UI规范，它将经典的设计原理与科技创新相结合，给用户更强的融入感，Flutter已经内置了Material风格组件。

Material风格组件在“package:flutter/material.dart”包下，使用Material风格组件需要引入此包：

import 'package:flutter/material.dart';

MaterialApp

MaterialApp作为顶级容器表示当前App是Material风格的，MaterialApp中设置的样式属性都是全局的，这点尤其重要，MaterialApp常用的属性如表所示
Flutter Material风格组件(MaterialApp)

通过源代码可知，MaterialApp有很多参数，这些参数都是可以省略的，但是[home][routes][onGenerateRoute]这三个参数至少要填写一个，否则App无法知道要加载哪个组件。例如，将系统的主题色设置为红色，代码如下：

MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(

primarySwatch: Colors.red,
  ),
  home: MyHomePage(title: 'Flutter Demo Home Page'),
)

routes、initialRoute等是路由相关的属性。
Locale、supportedLocales等属性是本地化属性。

酷客网相关文章：