unicorndial

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

UnicornDial 是一個 Flutter 套件，讓開發者能輕鬆實作具有水平或垂直按鈕清單的浮動操作選單。它提供乾淨且可自訂的介面，用於在應用程式中加入互動式浮動按鈕，提升使用者導航與可存取性。此套件支援順暢的動畫與直覺的手勢操作，非常適合現代 UI 設計。僅需少量設定，開發者即可將動態、響應式的浮動選單整合至其應用程式中。對於需要從單一位置快速存取多個動作的應用來說，特別實用。

適用情境

快速存取多個應用程式動作
透過浮動選單增強移動用戶介面
建立手勢驅動的導航
提升行動應用程式中的使用者互動
設計直覺的應用程式介面

主要特色

水平與垂直浮動按鈕佈局
平滑的動畫過渡
可自定義的按鈕樣式
基於手勢的互動支援
與現有 Flutter 項目輕鬆整合

適合對象

行動應用程式開發者
使用 Flutter 的 UI/UX 設計師
需要可存取操作中心的應用
尋求輕量級 FAB 解決方案的開發者
強調直覺式使用者互動的專案

使用建議

有限的平台特定自訂
無內建的複雜巢狀選單支援
需要手動處理按鈕按下邏輯
未針對非常大的按鈕清單進行優化
可能需要額外的樣式以相容深色模式

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

UnicornDialer - :no_entry: [DEPRECATED]

Easily create your own floating action button list

alt text

Installing

Add UnicornDialer to your pubspec.yaml

unicorndial: "^1.1.5"

Options

UnicornDialer class

int orientation - Vertical or horizontal floating button list

Object parentHeroTag - Main FAB hero tag

Color backgroundColor - Modal background color

Icon parentButton - Starting Icon

Icon finalButtonIcon - Ending Icon (after animation is complete)

bool hasBackground - Background modal is set

Color parentButtonBackground - The main floating button background color

List<UnicornButton> childButtons Floating button list

int animationDuration Rotation and expanding animation duration (in milliseconds)

double childPadding - Right padding on the button label

Function onMainButtonPressed - To be called if set on the UnicornDialer parent widget

bool hasNotch - BottomAppBar support

UnicornButton class

FloatingActionButton currentButton - Floating list button

String labelText

double labelFontSize

Color labelColor

Color labelBackgroundColor

Color labelShadowColor - Label container shadow

bool labelHasShadow

bool hasLabel

Authors

Tiago Martins

License

This project is licensed under the MIT License - see the LICENSE.md file for details

搜尋分類、套件與程式碼儲存庫

安裝套件