Flutter Scaffold

最新推荐文章于 2024-06-23 07:17:46 发布
最新推荐文章于 2024-06-23 07:17:46 发布
阅读量1.1k 收藏
点赞数
分类专栏： Flutter 文章标签： Flutter Scaffold 抽屉 底部切换
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mengks1987/article/details/84980059
版权

Flutter 系列文章 总体目录

Scaffold 是承载material design 控件的布局控件，可以展示drawers、snack bars、bottom sheets

属性说明
appBar显示在Scaffold 顶部
body位置如下图
floatingActionButton默认右下角的悬浮按钮
floatingActionButtonLocation悬浮按钮位置，默认右下角
floatingActionButtonAnimator悬浮按钮位置位置变换动画
persistentFooterButtons位置如下图
bottomNavigationBar位置如下图
bottomSheet位置如下图

效果图
在这里插入图片描述

抽屉效果图：
在这里插入图片描述

交流

如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。

同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。

Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。

老孟Flutter
关注
专栏目录
Flutter中的Scaffold组件
wangzunkuan的博客
10-28 1965
概述 在开始说明Scaffold组件之前，先大致讲述一下Material Design风格。Material Design也成为纸墨设计风格，是由Google退出的全新的设计语言，这种设计语言旨在为手机、平板电脑、台式机和其他平台提供更一致、更广泛的外观和感觉，它是一种非常有质感的设计风格，并会提供一些默认的交互动画。 Scaffold实现了基本的Material Design布局。只要是在Mat...
Flutter Scaffold 参数详解
陈英有
12-24 5671
1.Scaffold 1.1 继承关系 Object > Diagnosticable > DiagnosticableTree > Widget > StatefulWidget > Scaffold 1.2 介绍 实现基本设计视觉布局结构。支撑整个界面的内容，也是继承于Widget,一个控件。 1.3 参数详解 参数类型 ...
Flutter 之 Scaffold
厚德出品，必是精品
10-28 6040
Scaffold是实现Material Design的布局结构。也就是说， MaterialApp 的 child 是 Scaffold Widget。 在Material设计中定义的单个界面上的各种布局元素，在 Scaffold 中都有支持，比如 左边栏（Drawers）、snack bars、以及 bottom sheets。 Scaffold 有下面几个主要属性： appBar：显示在界...
全面理解-Flutter（万字长文，深度解析）
最新发布
2401_85667460的博客
06-23 3865
题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等录播视频免费分享出来。
Flutter开发之——Scaffold
我的博客
03-19 1860
一 概述(Scaffold) Scaffold译为脚手架，建筑领域中，指保证施工过程顺利而搭建的工作平台 在编程领域中与此类似，脚手架的作用就像是一个功能强大的布局容器 Scaffold容器中定义好了导航栏、抽屉、悬浮按钮、内容试图等区域 开发者只需要根据界面的需要，来填充脚手架的内容即可 二 Scaffold介绍 2.1 Scaffold源码 class Scaffold extends StatefulWidget { /// Creates a visual scaffold for mat
flutter系列（一）scaffold
perfectnihil的博客
07-01 409
For aMaterialapp, you can use aScaffoldwidget; it provides a default banner, background color, and has API for adding drawers, snack bars, and bottom sheets. Then you can add theCenterwidget dir...
flutter Scaffold边距
05-26
Flutter Scaffold 是一个常用的页面脚手架，它可以帮助我们快速构建一个具备基本功能的页面。 如果想要给 Scaffold 设置边距，可以使用它的 body 属性，将其包裹在 Padding 组件内，并设置 padding 属性即可。 ...
浅识Flutter 基本组件Scaffold
qq_43336158的博客
03-14 1258
浅识Flutter 基本组件Scaffold Scaffold是Flutter开发中实现Material Design布局结构的“脚手架”，只要是在Material Design中定义过的单个界面显示的布局组件元素，都可以用Scaffold绘制. body body属性用于设定当前页面所显示的主要内容，它主要由多个Widget元素组成。 backgroundColor backgroundColor属性用于设定当前页面内容的背景色，默认使用的是ThemeData.scaffoldBackgro
flutter scaffold 背景图
05-31
要设置Flutter Scaffold的背景图，可以使用Stack和Container组件来实现。具体步骤如下： 1. 在Scaffold组件中，使用Stack组件作为它的body属性，Stack组件可以让多个组件重叠在一起。 ```dart Scaffold( appBar: ...
Flutter——最详细(Scaffold)使用教程
人生在世
10-26 4766
相当于界面的主体，组件的展示都必须依附于它。
Flutter开发之——Scaffold，Android开发指南
m0_65145346的博客
12-16 1499
this.drawer, //左边的抽屉 this.onDrawerChanged,//左边抽屉发生变化 this.endDrawer, //右边的抽屉 this.onEndDrawerChanged, //右边抽屉发生变化 this.bottomNavigationBar, //底部导航菜单 this.bottomSheet,//底部持久化提示框 this.backgroundColor, //内容背景色 this.resizeToAvoidBottomPadding,//键盘出现时，界面重新布局(已过时
Flutter中的Scaffold
m0_59056822的博客
12-30 1306
Flutter中的Scaffold
Flutter入门进阶之旅（十六）Scaffold 脚手架
weixin_34112208的博客
05-17 333
在本栏的前面章节的学习中，我们基本上把Flutter中所有的常用布局、组件包括多页面跳转路由都介绍过了，细心的读者可能会发现在前面的课程中我们每次新建一个Flutter Page的时候都会在根布局的build方法中直接return一个Scaffold然后，再通过配置Scaffold中的相关属性来快速的渲染页面布局：没错Scaffold的出现就是为了帮助我们实现基本的 Material Desig...
Flutter中Scaffold布局的使用详解及实例代码
热门推荐
卜大爷的博客
09-24 2万+
Flutter中Scaffold布局的使用详解及实例代码 Scaffold实现了基本的Material布局。只要是在Material中定义了的单个界面显示的布局控件元素，都可以使用Scaffold来绘制。 继承关系：Object > Diagnosticable > DiagnosticableTree > Widget > StatefulWidget > Scaffold。 源码 /// See also: /// /// * [AppBar], which is a
Flutter 控件之 Scaffold
chunchun1230的博客
08-28 506
Scaffold 实现了基本的纸墨设计布局结构。在示例应用中，MyHomePage 所返回的就是一个 Scaffold。也就是说， MaterialApp 的 child 是 Scaffold Widget。 在纸墨设计中定义的单个界面上的各种布局元素，在 Scaffold 中都有支持，比如 左边栏（Drawers）、snack bars、以及 bottom sheets。 Scaffold ...
Flutter (Material) - Scaffold
a136447572的专栏
12-13 502
一个完整的路由页可能会包含导航栏、抽屉菜单(Drawer)以及底部 Tab 导航菜单等。如果每个路由页面都需要开发者自己手动去实现这些，这会是一件非常麻烦且无聊的事。幸运的是，Flutter Material 组件库提供了一些现成的组件来减少我们的开发任务。Scaffold 是一个路由页的骨架，我们使用它可以很容易地拼装出一个完整的页面。上面这两个字段的返回是Widget 但一般与Drawer 关联使用。属性有很多 主要用到属性有下面这几个。
Flutter Scaffold脚手架
xiangxiongfly
11-09 1608
Scaffold可以称为脚手架，一般通过它搭建页面的基本结构。一个页面可以理解为三个部分组成：标题栏、内容主题页面、底部导航栏，当然还包括其他元素抽屉菜单、悬浮按钮等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老孟Flutter

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值