175-2108-6175
网站建设资讯详细

Flutter Scaffold组件详解

日期:2021-05-22  作者:千语创想  浏览:3058

Flutter基础组件之Scaffold

Scaffold是实现Material Design的布局结构。也就是说, MaterialApp 的 child 是 Scaffold Widget。

在Material设计中定义的单个界面上的各种布局元素,在 Scaffold 中都有支持,比如 左边栏(Drawers)、snack bars、以及 bottom sheets。

Scaffold 有下面几个主要属性:

appBar:显示在界面顶部的一个 AppBar,也就是 Android 中的 ActionBar 、Toolbar

body:当前界面所显示的主要内容 Widget

floatingActionButton:Material设计中所定义的 FAB,界面的主要功能按钮

persistentFooterButtons:固定在下方显示的按钮,比如对话框下方的确定、取消按钮

drawer:侧边栏控件

backgroundColor: 内容的背景颜色,默认使用的是 ThemeData.scaffoldBackgroundColor 的值

bottomNavigationBar: 显示在页面底部的导航栏resizeToAvoidBottomPadding:类似于 Android 中的 android:windowSoftInputMode=”adjustResize”,控制界面内容 body 是否重新布局来避免底部被覆盖了,比如当键盘显示的时候,重新布局避免被键盘盖住内容。默认值为 true。

显示 snackbar 或者 bottom sheet 的时候,需要使用当前的 BuildContext 参数调用 Scaffold.of 函数来获取 ScaffoldState 对象,然后使用 ScaffoldState.showSnackBar 和 ScaffoldState.showBottomSheet 函数来显示。


转载请注明来自:https://www.qianyuthink.com/news/7407.html