搜索插件、代码仓与 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,);
  }

所属分类

源码仓库

使用此插件的项目

暂无相关数据。