搜尋套件、儲存庫與 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。