搜尋套件、儲存庫與 APP 分類

套件詳情v0.0.1

radial_menu

一個 Flutter 徑向選單,開啟時在圓形中顯示圖示

近 30 天下載
12
喜歡數
17
Pub 分數
40

安裝套件

flutter pub add radial_menu

套件介紹

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

RadialMenu 是一個 Flutter 套件,可建立從中心點展開的圓形互動式選單,以徑向模式顯示圖示。非常適合行動介面,透過提供一種視覺上吸引人的方式來存取多個動作,進而提升使用者互動體驗。此選單支援流暢動畫與可自訂佈局,適用於需要直覺性手勢導航的應用程式。它能順暢整合至現有的 Flutter 專案,並以簡易性與效能為設計目標。

適用情境

  • 行動應用程式操作中心
  • 基於手勢的導航
  • 互動式使用者介面元件
  • 浮動操作菜單替代方案
  • 遊戲控制面板

主要特色

  • 圓形圖示佈局
  • 平滑的動畫過渡
  • 可自定半徑和間距
  • 與 Flutter 的輕鬆整合
  • 觸控和手勢支援

適合對象

  • 尋求現代 UI 模式的開發人員
  • 具有複雜操作集的應用程式
  • 注重設計的移動應用
  • 互動式原型
  • UI/UX實驗

使用建議

  • 有限的平台支援(未指定平台)
  • 可能需要在各種螢幕尺寸上進行測試
  • 最適合觸控介面
  • 不適合注重可存取性的應用
  • 大量圖示可能帶來的效能影響

原始 README

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

Flutter Radial Menu

pub package

A simple radial menu Demo screenshot

Usage

Add radial_menu to your pubspec:

dependencies:
  radial_menu: any # or the latest version on Pub

Define your list of RadialMenuEntry:

List<RadialMenuEntry> radialMenuEntries = [
    RadialMenuEntry(icon: Icons.restaurant, text: 'Restaurant'),
    RadialMenuEntry(icon: Icons.hotel,text: 'Hotel'),
    RadialMenuEntry(icon: Icons.pool, text: 'Pool'),
    RadialMenuEntry(icon: Icons.shopping_cart, text: 'Shop'),
  ];

Then add it to your RadialMenu:

  Widget build(BuildContext context) {
    return RadialMenu(entries: radialMenuEntries,);
  }

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。