搜尋套件、儲存庫與 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.        
    ],
  ),
);

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。