FAB圆形菜单

一个 Flutter 包，通过浮动操作按钮创建一个漂亮的圆形菜单。

FAB-Circular-Menu

入门

将您的内容包装在FabCircularMenu中，并设置您想要的options

MaterialApp(
  home: Scaffold(
    body: FabCircularMenu(
      child: Placeholder(), // Replace this with your content
      options: <Widget>[
        IconButton(icon: Icon(Icons.home), onPressed: () {
          print('Pressed!');
        })
      ]
    )
  )
)

选项

属性 类型 描述 默认值 注意事项
必需child Widget 此小部件的子项 -
必需选项 列表 菜单的可用选项 -
ringColor 颜色 圆环的颜色 Colors.white
ringDiameter 双精度 圆环的直径 屏幕宽度 * 1.2
ringWidth 双精度 圆环的宽度 ringDiameter / 3
fabMargin EdgeInsets FAB周围的边距 EdgeInsets.all(24.0)
fabColor 颜色 FAB的颜色 primaryColor
fabOpenColor 颜色 FAB打开时的颜色 primaryColor 将覆盖fabColor的打开状态
fabCloseColor 颜色 FAB关闭时的颜色 primaryColor 将覆盖fabColor的关闭状态
fabOpenIcon Icon 打开图标 Icon(Icons.menu)
fabCloseIcon Icon 关闭图标 Icon(Icons.close)
animationDuration 持续时间 动画持续时间 Duration(milliseconds: 800)
onDisplayChange 功能 当打开/关闭状态改变时调用的回调 功能
控制器 FabCircularMenuController 用于打开或关闭菜单的控制器 空

GitHub

https://github.com/marianocordoba/fab-circular-menu