搜索插件、代码仓与 APP 分类

simple_speed_dial 封面
插件详情v0.1.7

simple_speed_dial

一个简单的 Flutter 速度拨号。您可以使用任意数量的速度拨号选项。您可以在速度拨号选项旁边使用标签。每个 fab 的颜色都可以设置。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
1430
喜欢数
95
Pub 分数
160

安装插件

flutter pub add simple_speed_dial

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个轻量级的 Flutter 包,提供可自定义的速度拨号小部件,允许用户添加多个浮动操作按钮(FAB),并可选择性地添加标签和单独的颜色设置。非常适合用于具有简洁紧凑界面的应用程序中以增强导航体验。该速度拨号支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。设计简单灵活,便于集成到现有的 Flutter 项目中。

适合场景

  • 快速访问多个操作
  • 增强应用导航
  • 在紧凑布局中添加上下文选项
  • 自定义 FAB 外观
  • 创建交互式UI元素

主要特点

  • 支持无限数量的 FAB 选项
  • FAB 上的可选标签
  • 可自定义每个 FAB 的颜色
  • 跨平台兼容性
  • 与 Flutter 的简单集成
  • 响应式且流畅的动画

适合对象

  • 寻求最小化速度拨号解决方案的开发者
  • 需要快速操作访问的应用程序
  • 希望灵活 FAB 布局的 UI 设计师
  • 针对多个平台的项目
  • Flutter 初学者探索 FAB 模式

使用建议

  • 可能需要额外的样式来适应复杂布局
  • 有限的内置动画自定义
  • 不太适合高度动态或数据驱动的仪表盘
  • 最适合静态或可预测的操作集
  • 需要手动处理点击事件

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

simple_speed_dial

A simple speed dial widget for Flutter.

Demonstration:

Demonstration

Usage:

Scaffold(
  floatingActionButton: SpeedDial(
    child: Icon(Icons.add),
    closedForegroundColor: Colors.black,
    openForegroundColor: Colors.white,
    closedBackgroundColor: Colors.white,
    openBackgroundColor: Colors.black,
    labelsStyle: /* Your label TextStyle goes here */,
    labelsBackgroundColor: Colors.white,
    controller: /* Your custom animation controller goes here */,
    speedDialChildren: <SpeedDialChild>[
      SpeedDialChild(
        child: Icon(Icons.directions_run),
        foregroundColor: Colors.white,
        backgroundColor: Colors.red,
        label: 'Let\'s start a run!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s start a run!\"';
          });
        },
        closeSpeedDialOnPressed: false,
      ),
      SpeedDialChild(
        child: Icon(Icons.directions_walk),
        foregroundColor: Colors.black,
        backgroundColor: Colors.yellow,
        label: 'Let\'s go for a walk!',
        onPressed: () {
          setState(() {
            _text = 'You pressed \"Let\'s go for a walk!\"';
          });
        },
      ),
      //  Your other SpeedDialChildren go here.        
    ],
  ),
);

所属分类

源码仓库

使用此插件的项目

暂无相关数据。