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

draggable_fab 封面
插件详情v0.1.4

draggable_fab

一个可拖动的 FAB 包装器小部件,可拖动到屏幕的任意边缘。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
2490
喜欢数
61
Pub 分数
140

安装插件

flutter pub add draggable_fab

插件介绍

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

一个 Flutter 小部件,用于包装 FloatingActionButton,使其可以拖动到屏幕的任意边缘。它通过允许动态定位 FAB 来增强用户交互,提高在不同屏幕方向和尺寸下的可访问性和 UI 灵活性。适用于需要自定义浮动操作控件的应用程序。该包支持所有主要平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。

适合场景

  • 可自定义的浮动操作按钮位置
  • 提高移动应用的可访问性
  • 动态UI布局
  • 增强用户与浮动按钮的互动
  • 适应不同屏幕尺寸的 FAB

主要特点

  • 可拖动至任意屏幕边缘
  • 跨平台支持
  • 与现有 FAB 的简单集成
  • 响应式设计适配
  • 平滑拖拽动画

适合对象

  • 移动应用开发者
  • 寻求交互元素的UI/UX设计师
  • 需要灵活浮动操作的应用
  • 面向多平台的开发者
  • 具有动态界面需求的项目

使用建议

  • 可能需要额外的手势处理
  • 对低端设备的性能影响
  • 超出边缘放置之外的自定义功能有限
  • 不适合复杂的拖拽行为
  • 拖拽期间与其他UI元素的潜在重叠

原始 README

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

draggable_fab

A Draggable FAB wrapper widget which can dragged to any edge of the screen.

Installation

Add draggable_fab: ^0.1.4 in your pubspec.yaml dependencies. And import it:

import 'package:draggable_fab/draggable_fab.dart';

How to use

Create a standalone widget e.g. Floating Action Bar widget :

DraggableFab(
        child: FloatingActionButton(
          onPressed: _incrementCounter,
          child: Icon(Icons.add),
        ),
      );

demo.gif

所属分类

源码仓库

使用此插件的项目

暂无相关数据。