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

搜索分类、插件与代码仓

安装插件