radial_menu

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

RadialMenu は、中心点から展開する円形でインタラクティブなメニューを作成できるFlutterパッケージです。アイコンが放射状に配置されます。モバイルインターフェースに最適で、複数の操作に視覚的に魅力的な方法でアクセスできるようにすることで、ユーザーとのインタラクションを強化します。スムーズなアニメーションとカスタマイズ可能なレイアウトをサポートしており、直感的なジェスチャーによるナビゲーションが必要なアプリに適しています。既存のFlutterプロジェクトにシームレスに統合でき、シンプルさとパフォーマンスを重視して設計されています。

用途

モバイルアプリのアクションハブ
ジェスチャーによるナビゲーション
インタラクティブUI要素
フローティングアクションメニューの代替案
ゲームコントロールパネル

主な機能

円形アイコンレイアウト
スムーズなアニメーションの遷移
カスタマイズ可能な半径と間隔
Flutter との簡単な統合
タッチおよびジェスチャー対応

適している対象

現代のUIパターンを探している開発者
複雑なアクションセットを持つアプリ
デザインを重視したモバイルアプリケーション
インタラクティブプロトタイプ
UI/UX実験

注意事項

制限されたプラットフォームサポート（指定されたプラットフォームなし）
さまざまな画面サイズでのテストが必要になる場合があります
タッチインターフェースに最適
アクセシビリティ重視のアプリには適していない
多数のアイコンによるパフォーマンスへの潜在的影響

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Flutter Radial Menu

A simple radial menu

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,);
  }

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール