Flutter基础widgets教程-FloatingActionButton篇

Flutter FAB控件详解

最新推荐文章于 2025-09-24 13:18:16 发布

转载最新推荐文章于 2025-09-24 13:18:16 发布 · 533 阅读

CC 4.0 BY-SA版权

原文链接：https://mp.weixin.qq.com/s?__biz=MzI3OTM1NTg0NA==&mid=2247484620&idx=1&sn=9b12596361a5cded885368263039220b&chksm=eb484c67dc3fc5711a9e33b5bd1dee36dc8495884efdc92b41e2bf23c8d1379058f4602a9153

文章标签：

#css #javascript #html #js #jquery

本文详细介绍了Flutter中FloatingActionButton(FAB)控件的使用方法和常见属性，包括构造函数参数说明、如何设置子Widget、提示文字、颜色、阴影值等，帮助开发者更好地掌握FAB在界面设计中的应用。

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