import 'package:flutter/material.dart';

class FloatingActionButtonDemo extends StatelessWidget {
@override
Widget build(BuildContext context) {
final Widget _floatingActionButton = FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
elevation: 0.0,
backgroundColor: Colors.black87,
// shape: BeveledRectangleBorder(
// borderRadius: BorderRadius.circular(30.0)
// ),
); final Widget _floatingActionButtonExtended = FloatingActionButton.extended(
onPressed: () {},
icon: Icon(Icons.add),
label: Text('Add'),
); return Scaffold(
appBar: AppBar(
title: Text('FloatingActionButtonDemo'),
elevation: 0.0,
),
floatingActionButton: _floatingActionButton,
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
bottomNavigationBar: BottomAppBar(
child: Container(
height: 80.0,
),
shape: CircularNotchedRectangle(),
),
);
}
}

一个圆形图标按钮,它悬停在内容之上,以展示应用程序中的主要动作。FloatingActionButton通常用于Scaffold.floatingActionButton字段

效果:

文档:https://api.flutter.dev/flutter/material/FloatingActionButton-class.html

最新文章

  1. lvs源代码分析
  2. 带有hover效果的text-overflow
  3. DIV设置overflow无效的原因
  4. C语言内存对齐详解(1)
  5. 使用supervisor提高nodejs调试效率 (已验证)
  6. PHP函数补完:stream_context_create()模拟POST/GET
  7. 一个简单的DELPHI程序注册码设计 .
  8. 利用WebApi获取手机号码归属地
  9. iOS开发——闪光灯
  10. WPF中自定义GridLengthAnimation
  11. 【题解】Luogu P2153 [SDOI2009]晨跑
  12. codeforces116B
  13. Java多线程的悲观锁与乐观锁
  14. MySQL 数据库 -- 数据操作
  15. liunx 用户和用户组的命令
  16. 在web.xml中添加servlet报错问题
  17. Spring中RestTemplate进行Http调用
  18. ProducerConsumerQueue
  19. js动态创建类对象
  20. JZOJ.3769【NOI2015模拟8.14】A+B

热门文章

  1. 汽车电子测试项目管理系统-TPA
  2. IDEA实用教程(七)—— IDEA的断点调试
  3. 0024SpringMVC中几个常见注解的实验
  4. mysql 两张表字段模糊匹配--字符串拼接函数
  5. C++异常处理(一)----基本语法
  6. linux下Boost序列化问题解决
  7. python - django (ORM使用步骤)
  8. element-ui upload上传组件问题记录
  9. BZOJ3551 Peaks加强版 [Kruskal重构树,主席树]
  10. vue-d2admin-axios异步请求登录,先对比一下Jquery ajax, Axios, Fetch区别