flutter相关笔记
本文记录fultter里一些Widget的属性值:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
const MaterialApp({
Key key,
this.navigatorKey,
this.home, // 主界面的内容 widget
this.routes = const <String, WidgetBuilder>{}, // 带 router 和路由跳转有关
this.initialRoute,
this.onGenerateRoute,
this.onUnknownRoute,
this.navigatorObservers = const <NavigatorObserver>[],
this.builder,
this.title = '', // *类似标题
this.onGenerateTitle, // 主要用于多语言情况下,需要根据当前语言替换 title,需要使用该值
this.color, // 主题色,如果该值未设置,取 theme.primaryColor,未设置 theme 则取蓝色
this.theme, // App 的主题风格,包括主题色,按钮默认颜色等等
this.locale, // 带 locale 的和多语言适配相关
this.localizationsDelegates,
this.localeListResolutionCallback,
this.localeResolutionCallback,
this.supportedLocales = const <Locale>[Locale('en', 'US')],
this.debugShowMaterialGrid = false,
this.showPerformanceOverlay = false,
this.checkerboardRasterCacheImages = false,
this.checkerboardOffscreenLayers = false,
this.showSemanticsDebugger = false,
this.debugShowCheckedModeBanner = true, // debug 模式下,是否显示 DEBUG 标示横幅
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const Scaffold({
Key key,
this.appBar, // 界面顶部的那条栏,这边需要返回一个 AppBar 实例
this.body, // 界面的内容部分
this.floatingActionButton, // 悬浮部分,可以通过 floatingActionButtonLocation 设置位置
this.floatingActionButtonLocation,
this.floatingActionButtonAnimator,
this.persistentFooterButtons,
this.drawer, // 侧滑抽屉部分,从左侧滑出(应该和语言有关,和文字方向同向)
this.endDrawer, // 侧滑抽屉部分,从右侧滑出
this.bottomNavigationBar, // 底部导航栏,就是通常看到的底部 TAB 切换部件
this.bottomSheet, // 展示从底部弹出的,起到提示作用的,通过 showModalBottomSheet 展示
this.backgroundColor, // 界面的背景色
this.resizeToAvoidBottomPadding = true, // 避免 body 被底部弹出部件填充,例如输入法键盘
this.primary = true, // 当前的 Scaffold 是否需要被展示在屏幕最上层
})
本文由作者按照 CC BY 4.0 进行授权