Flutter 浮动按钮-FloatingActionButton的使用

FloatingActionButton 简称 FAB ,可以实现浮动按钮，也可以实现类似闲鱼 app 的底部凸起导航 。

十年的沾化网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同，自动调整沾化建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“沾化网站设计”,“沾化网站推广”以来，每个客户项目都认真落实执行。

实现效果图如下：

实现效果图如下：

属性：floatingActionButtonLocation

了解其他：

Flutter（30）：Material组件之DataTable

数据表显示表格数据，需要设置行和列

这个需要设置属性color，可以实现勾选状态与非勾选状态下背景色的改变

下一节：Material组件之LinearProgressIndicator/CircularProgressIndicator

Flutter 基础组件之 Scaffold

Scaffold 是一个页面布局脚手架，实现了基本的Material布局,总所周知，大部分页面都包含了标题栏，主体内容，底部导航栏，或者侧滑栏，如果每次都需要重复写这些内容会大大影响开发效率，所以Flutter提供了Material风格的页面脚手架Scaffold，可以很方便的快速搭建基本元素，

Scaffold 继承自 StatefulWidget,是有状态的

常用属性：

appBar: 显示在界面上的标题栏

body: 页面上主题内容

floatingActionButton：浮动按钮，一般界面不一定会用到

floatingActionButtonLocation：浮动按钮的位置

floatingActionButtonAnimator：浮动按钮动画

persistentFooterButtons：固定显示在下方的按钮

drawer | endDrawer：抽屉

bottomNavigationBar：底部标题栏

bottomSheet：底部菜单

Flutter快速上手11：高级布局之表格 Table/TableRow

表格布局和线性布局比较相似，只是使用起来更简洁一些。

本地Flutter 2.10.1，Mac版Android Studio Bumblebee | 2021.1.1 Patch 2

我是小栗子，初学Flutter ，文章会根据学习进度不定时更新，请多多指教~~

当前文章：浮动表格flutter,浮动表格是什么
当前路径：http://ybzwz.com/article/phgigc.html