Flutter基础widgets教程-FloatingActionButton篇

简介: Flutter基础widgets教程-FloatingActionButton篇

1 FloatingActionButton

FloatingActionButton(FAB) 控件是一个纸墨设计中定义的 FAB 按钮。用来显示界面上的主要功能。

2 构造函数

FloatingActionButton({
   Key key,
   this.child,
   this.tooltip,
   this.foregroundColor,
   this.backgroundColor,
   this.heroTag = const _DefaultHeroTag(),
   this.elevation = 6.0,
   this.highlightElevation = 12.0,
   @required this.onPressed,
   this.mini = false,
   this.shape = const CircleBorder(),
   this.clipBehavior = Clip.none,
   this.materialTapTargetSize,
   this.isExtended = false,
})

复制

3 常用属性

3.1 child: FAB 中的子 Widget

child:Text("Flutter Demo"),

复制

3.2 tooltip: 长按 FAB 所显示的提示文字

tooltip: "按这么长时间干嘛",

复制

3.3 foregroundColor: FAB 的前景色

foregroundColor: Colors.red,

复制

3.4 backgroundColor: FAB 的背景颜色

backgroundColor: Colors.red,

复制

3.5 mini: 只能 FAB 样式是默认样式还是迷你样式

mini: true,

复制

3.6 elevation:未点击时阴影值

elevation: 6.0,

复制

3.7 highlightElevation:点击下阴影值

highlightElevation: 12.0,
相关文章
|
13天前
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
【4月更文挑战第30天】Dart是Google为Flutter框架打造的高效编程语言,具有易学性、接口、混入、抽象类等特性。本文概述了Dart的基础语法,包括静态类型(如int、String)、控制流程(条件、循环)、函数、面向对象(类与对象)和异常处理。此外,还介绍了库导入与模块使用,帮助开发者快速入门Flutter开发。通过学习Dart,开发者能创建高性能的应用。
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
|
4月前
|
索引
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
33 0
|
4月前
|
Android开发 iOS开发
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ScrollView
54 0
|
4月前
|
开发者
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
Flutter.源码分析 flutter/packages/flutter/lib/src/widgets/scroll_view.dart/BoxScrollView
38 0
|
4月前
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/ListView
30 0
|
8月前
|
Dart 前端开发 开发工具
谷歌移动UI框架Flutter教程之Widget
谷歌移动UI框架Flutter教程之Widget
|
9月前
|
Dart
Flutter 入门指南之 Dart 语言基础介绍
Dart是一种由Google开发的通用编程语言,用于构建跨平台的移动、Web和桌面应用程序。以下是Flutter入门指南中的Dart语言基础知识:
|
Web App开发 JavaScript 应用服务中间件
Flutter Web网站搭建教程
曾几何时,你有没有一个搭个人网站的冲动,我这个想法在我第一次开始写博客就有了,可就是没有搭起来,直到我看到flutter有了web支持,我就在想,是时候了,必须且一定要做,于是乎我就搭建了现在的网站ibaozi.cn
428 0
Flutter Web网站搭建教程
|
XML Java Android开发
Flutter(四)——基础组件
Flutter(四)——基础组件
327 0
Flutter(四)——基础组件
|
存储 索引
Flutter从0到1实现高性能、多功能的富文本编辑器(基础实战篇)
在上一章中,我们分析了一个富文本编辑器需要有哪些模块组成。在本文中,让我们从零开始,去实现自定义的富文本编辑器。