文章

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 是否需要被展示在屏幕最上层
  })

imagepng

转载地址:https://www.jianshu.com/nb/34950817

本文由作者按照 CC BY 4.0 进行授权