1.Scaffold

1.1 继承关系

Object > Diagnosticable > DiagnosticableTree > Widget > StatefulWidget > Scaffold

1.2 介绍

实现基本设计视觉布局结构。支撑整个界面的内容，也是继承于Widget,一个控件。

1.3 参数详解

参数类型	成员	参数说明
Key	Key	参数Key key:官方解释：https://flutterchina.club/widgets-intro/#key
PreferredSizeWidget	appBar	见下面第2节
Widget	Body	内容控件
Widget	floatingActionButton	浮动按钮 FloatingActionButton
FloatingActionButtonLocation	floatingActionButtonLocation	浮动按钮放置的位置，枚举： FloatingActionButtonLocation. endFloat 右边，居底部控件之上面 centerFloat 中间，居底部控件之上面 endDocked 右边，浮动在底部控件之上 centerDocked 中边，浮动在底部控件之上
FloatingActionButtonAnimator	floatingActionButtonAnimator	浮动按钮动画：FloatingActionButtonAnimator.scaling
List<Widget>	persistentFooterButtons	底部控件二,如正面效果
Widget	Drawer	左滑布局 ,主动调用： Scaffold.of(context).openDrawer();
Widget	endDrawer	右滑布局 ,主动调用： Scaffold.of(context).openEndDrawer();
Widget	bottomNavigationBar	底部控件三
Widget	bottomSheet	底部控件一
Color	backgroundColor	背景颜色
bool	resizeToAvoidBottomPadding 默认值：true	是否调整主体的大小以避免键盘遮挡部分布局
bool	primary 默认值： true	是否填充顶部（状态栏）

2.PreferredSizeWidget

1.1 继承关系

Object > Diagnosticable > DiagnosticableTree > Widget Implemented PreferredSizeWidget

2.2 介绍

带“默认”大小的控件。Scaffold成员appBar主要是使用子类，AppBar，CupertinoTabBar等，如下图：

PreferredSizeWidget是 implements Widget（在Dart语言中，类和接口是统一的，都是接口），在Widget基础上只增加了Size preferredSize。

AppBar	一个设计应用程序栏。
TabBar	显示水平行标签的选项通常创建为AppBar的AppBar.bottom部分并与TabBarView结合使用。
CupertinoTabBar	iOS风格的底部导航标签栏
CupertinoNavigationBar	iOS风格的导航栏。导航栏是一个工具栏，最小程度上由工具栏中间的小部件组成，通常是页面标题。它还支持中间窗口小部件之前和之后的前导和尾随窗口小部件，同时保持中间窗口小部件居中。
PreferredSize	自定义导航栏使用

以Bar结尾有：

AppBar:一个设计应用程序栏

BottomAppBar 在Scaffold使用，底部添加控件

BottomNavigationBar 在Scaffold使用，实现底部类似tabBar效果

ButtonBar 一个按钮栏

CupertinoApp 一个便利小部件，它包含了iOS设计目标应用程序通常需要的许多小部件。

CupertinoNavigationBar iOS样式的导航栏

CupertinoSliverNavigationBar iOS风格的导航栏，采用尺寸为iOS-11的大型标题。

CupertinoTabBar iOS风格的底部导航标签栏。

TabBar 底部导航标签栏。

FlexibleSpaceBar 常用于SliverAppBar.flexibleSpace字段，灵活的空格键随着应用滚动而扩展和收缩

GridTitleBar 用于在GridTile上添加一个或两个行页眉或页脚。

SliverAppBar 与CustomScrollView集成的材质设计应用栏。

SnackBar 带有可选操作的轻量级消息，短暂显示在屏幕底部。

Flutter Scaffold 参数详解相关推荐

Flutter Container 参数详解
1 基本内容 1.1 继续关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget ...
Flutter Text 参数详解
1.继承关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatelessWidget > Text ...
CI流水线配置文件参数详解（一）
文章目录 4. 参数详解(一) 4.1 ``script`` 4.2 ``image`` 指定使用Docker镜像.如 ``iamge:name`` ,暂时忽略. 4.3 ``before_scrip ...
内存性能参数详解（转载）
内存性能参数详解先说说最有效提高你机器内存性能的几个参数:CL,TRP,TRCD CAS Latency "列地址选通脉冲潜伏期" BIOS中可能的其他描述为:tCL.CAS L ...
spring boot 实战 / 可执行war启动参数详解
概述上一篇文章<spring boot 实战 / mvn spring-boot:run 参数详解>主要讲解了spring boot 项目基于maven插件启动过程中借助profil ...
调包侠福音！机器学习经典算法开源教程（附参数详解及代码实现）
Datawhale 作者:赵楠.杨开漠.谢文昕.张雨寄语:本文针对5大机器学习经典算法,梳理了其模型.策略和求解等方面的内容,同时给出了其对应sklearn的参数详解和代码实现,帮助学习者入门和巩固 ...
plot参数详解python_30行Python代码实现3D数据可视化
作者:潮汐来源:Python技术欢迎来到编程教室~ 我们之前的文章中有讲解过不少 Matplotlib 的用法,比如: 完成这50个Matplotlib代码,你也能画出优秀的图表 25个常用Mat ...
Ehcache配置参数详解
ehcache配置参数详解 <?xml version="1.0" encoding="UTF-8"?><ehcache><dis ...
PHP date函数参数详解
PHP date函数参数详解作者: 字体:[增加减小] 类型:转载 time()在PHP中是得到一个数字,这个数字表示从1970-01-01到现在共走了多少秒,很奇怪吧不过这样方便计算, 要找 ...

Flutter Scaffold 参数详解

1.Scaffold

1.1 继承关系

1.2 介绍

1.3 参数详解

2.PreferredSizeWidget

1.1 继承关系

2.2 介绍

Flutter Scaffold 参数详解相关推荐

最新文章

热门文章