重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
FloatingActionButton 简称 FAB ,可以实现浮动按钮,也可以实现类似闲鱼 app 的底部凸起导航 。
十年的沾化网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整沾化建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。创新互联从事“沾化网站设计”,“沾化网站推广”以来,每个客户项目都认真落实执行。
实现效果图如下:
实现效果图如下:
属性:floatingActionButtonLocation
了解其他:
数据表显示表格数据,需要设置行和列
这个需要设置属性color,可以实现勾选状态与非勾选状态下背景色的改变
下一节:Material组件之LinearProgressIndicator/CircularProgressIndicator
Scaffold 是一个页面布局脚手架,实现了基本的Material布局,总所周知,大部分页面都包含了标题栏,主体内容,底部导航栏,或者侧滑栏,如果每次都需要重复写这些内容会大大影响开发效率,所以Flutter提供了Material风格的页面脚手架Scaffold,可以很方便的快速搭建基本元素,
Scaffold 继承自 StatefulWidget,是有状态的
常用属性:
appBar: 显示在界面上的标题栏
body: 页面上主题内容
floatingActionButton:浮动按钮,一般界面不一定会用到
floatingActionButtonLocation:浮动按钮的位置
floatingActionButtonAnimator:浮动按钮动画
persistentFooterButtons:固定显示在下方的按钮
drawer | endDrawer:抽屉
bottomNavigationBar:底部标题栏
bottomSheet:底部菜单
表格布局和线性布局比较相似,只是使用起来更简洁一些。
本地Flutter 2.10.1,Mac版Android Studio Bumblebee | 2021.1.1 Patch 2
我是小栗子,初学Flutter ,文章会根据学习进度不定时更新,请多多指教~~