如果对MaterialApp不熟悉，可先看我上一篇文章：
Flutter之MaterialApp使用详解
与MaterialApp相比
| 字段 |
类型 |
| navigatorKey（导航键） |
GlobalKey<NavigatorState> |
| onGenerateRoute（生成路由） |
RouteFactory |
| onUnknownRoute（未知路由） |
RouteFactory |
| navigatorObservers（导航观察器） |
List<NavigatorObserver> |
| initialRoute（初始路由） |
String |
| builder（建造者） |
TransitionBuilder |
| title（标题） |
String |
| onGenerateTitle（生成标题） |
GenerateAppTitle |
| color（颜色） |
Color |
| locale(地点) |
Locale |
| localizationsDelegates（本地化委托） |
Iterable<LocalizationsDelegate<dynamic>> |
| localeResolutionCallback（区域分辨回调） |
LocaleResolutionCallback |
| supportedLocales（支持区域） |
Iterable<Locale> |
| showPerformanceOverlay（显示性能叠加） |
bool |
| checkerboardRasterCacheImages（棋盘格光栅缓存图像） |
bool |
| checkerboardOffscreenLayers（棋盘格层） |
bool |
| showSemanticsDebugger（显示语义调试器） |
bool |
| debugShowCheckedModeBanner（调试显示检查模式横幅） |
bool |
| 字段 |
类型 |
| textStyle（文字样式） |
TextStyle |
| debugShowWidgetInspector（调试小部件检测） |
bool |
| inspectorSelectButtonBuilder（审查员选择按钮生成器） |
InspectorSelectButtonBuilder |
| 字段 |
类型 |
| home（主页） |
Widget |
| routes（路由） |
Map<String, WidgetBuilder> |
| theme（主题） |
ThemeData |
| debugShowMaterialGrid（调试显示材质网格） |
bool |
1. textStyle
使用
//该段代码源自flutter/material/app.dart
//因为MaterialApp都是使用Theme里面的主题色，并且一般部件使用的是MaterialApp部件，所以该textStyle为报错文字的颜色
const TextStyle _errorTextStyle= const TextStyle(
color: const Color(0xD0FF0000),
fontFamily: 'monospace',
fontSize: 48.0,
fontWeight: FontWeight.w900,
decoration: TextDecoration.underline,
decorationColor: const Color(0xFFFFFF00),
decorationStyle: TextDecorationStyle.double,
debugLabel: 'fallback style; consider putting your text in a Material',
);
new WidgetsApp(
color: Colors.grey,
textStyle: _myTextStyle ,
);
2. debugShowWidgetInspector
3. inspectorSelectButtonBuilder
new WidgetsApp(
debugShowWidgetInspector: true,
inspectorSelectButtonBuilder: (BuildContext context, VoidCallback onPressed) {
return new FloatingActionButton(
child: const Icon(Icons.search),
onPressed: onPressed,
mini: true,
);
},
);
4. home
Route<dynamic> _onGenerateRoute(RouteSettings settings) {
final String name = settings.name;
WidgetBuilder builder;
//判断当前home字段不为空，而且name为Navigator.defaultRouteName
//返回home字段的Widget
if (name == Navigator.defaultRouteName && widget.home != null) {
builder = (BuildContext context) => widget.home;
} else {
//这里查找路由对应的Widget，即为routes字段传入的map
builder = widget.routes[name];
}
if (builder != null) {
//可以看到默认是使用MaterialPageRoute的切换界面动画
return new MaterialPageRoute<dynamic>(
builder: builder,
settings: settings,
);
}
if (widget.onGenerateRoute != null)
return widget.onGenerateRoute(settings);
return null;
}
//下面这里有部分省略
new WidgetsApp(
onGenerateRoute: _haveNavigator ? _onGenerateRoute : null,
)
5. routes
6. theme
//如果为空使用默认光亮主题
final ThemeData theme = widget.theme ?? new ThemeData.fallback();
//factory ThemeData.fallback() => new ThemeData.light();
Widget result = new AnimatedTheme(
data: theme,
isMaterialAppTheme: true,
child: new WidgetsApp(
key: new GlobalObjectKey(this),
//..........
)
);
7. debugShowMaterialGrid
assert(() {
if (widget.debugShowMaterialGrid) {
result = new GridPaper(
color: const Color(0xE0F9BBE0),
interval: 8.0,
divisions: 2,
subdivisions: 1,
child: result,
);
}
return true;
}());
