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。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,267评论 4 61
  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,358评论 2 237
  • 1.App结构和导航 Scaffold:Material Design布局结构的基本实现。此类提供了用于显示dra...
    慕容小伟阅读 3,853评论 0 3
  • 今天初七,该走的亲戚已去过,该看到的亲人也见了,团圆饭也吃了,年味也远了,倒是天气逐渐暖和起来,没有寒风刺骨的感觉...
    三门峡745沈莉红阅读 2,776评论 22 33
  • Android支持的CPU架构(ABI) 1、armeabi基于 ARM* v5TE 设备的库,使用软件浮点运算,...
    遇见初夏阅读 785评论 0 0