Flutter学习之Scaffold布局控件

Scaffold 实现了基本的 Material 布局。只要是在 Material 中定义了的单个界面显示的布局控件元素,都可以使用 Scaffold 来绘制。

提供展示抽屉(drawers,比如:左边栏)、通知(snack bars) 以及 底部按钮(bottom sheets)。

我们可以将 Scaffold 理解为一个布局的容器。可以在这个容器中绘制我们的用户界面。

Scaffold 主要的属性说明

appBar:显示在界面顶部的一个 AppBar

相关连接:https://flutterchina.club/catalog/samples/

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

floatingActionButton: 在 Material 中定义的一个功能按钮。

persistentFooterButtons:固定在下方显示的按钮。https://material.google.com/components/buttons.html#buttons-persistent-footer-buttons

drawer:侧边栏控件

bottomNavigationBar:显示在底部的导航栏按钮栏。可以查看文档:Flutter学习之制作底部菜单导航

backgroundColor:背景颜色

resizeToAvoidBottomPadding: 控制界面内容 body

是否重新布局来避免底部被覆盖了,比如当键盘显示的时候,重新布局避免被键盘盖住内容。默认值为 true。

你可能感兴趣的:(Flutter学习之Scaffold布局控件)