美文网首页flutter 学习
Flutter学习之Scaffold布局控件

Flutter学习之Scaffold布局控件

作者: 悠闲的蜗牛 | 来源:发表于2019-02-12 10:47 被阅读0次

    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布局控件

        本文链接:https://www.haomeiwen.com/subject/cvuheqtx.html