flutter FloatingActionButton组件
2024-08-26 11:29:55
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
最新文章
- lvs源代码分析
- 带有hover效果的text-overflow
- DIV设置overflow无效的原因
- C语言内存对齐详解(1)
- 使用supervisor提高nodejs调试效率 (已验证)
- PHP函数补完:stream_context_create()模拟POST/GET
- 一个简单的DELPHI程序注册码设计 .
- 利用WebApi获取手机号码归属地
- iOS开发——闪光灯
- WPF中自定义GridLengthAnimation
- 【题解】Luogu P2153 [SDOI2009]晨跑
- codeforces116B
- Java多线程的悲观锁与乐观锁
- MySQL 数据库 -- 数据操作
- liunx 用户和用户组的命令
- 在web.xml中添加servlet报错问题
- Spring中RestTemplate进行Http调用
- ProducerConsumerQueue
- js动态创建类对象
- JZOJ.3769【NOI2015模拟8.14】A+B
热门文章
- 汽车电子测试项目管理系统-TPA
- IDEA实用教程(七)—— IDEA的断点调试
- 0024SpringMVC中几个常见注解的实验
- mysql 两张表字段模糊匹配--字符串拼接函数
- C++异常处理(一)----基本语法
- linux下Boost序列化问题解决
- python - django (ORM使用步骤)
- element-ui upload上传组件问题记录
- BZOJ3551 Peaks加强版 [Kruskal重构树,主席树]
- vue-d2admin-axios异步请求登录,先对比一下Jquery ajax, Axios, Fetch区别