Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/xqwzts/flutter_radial_menu
A simple animated radial menu widget for Flutter.
https://github.com/xqwzts/flutter_radial_menu
dart flutter menu widget
Last synced: 2 months ago
JSON representation
A simple animated radial menu widget for Flutter.
- Host: GitHub
- URL: https://github.com/xqwzts/flutter_radial_menu
- Owner: xqwzts
- License: mit
- Created: 2018-03-07T21:58:58.000Z (almost 7 years ago)
- Default Branch: master
- Last Pushed: 2021-05-11T15:54:44.000Z (over 3 years ago)
- Last Synced: 2024-07-31T15:01:30.634Z (5 months ago)
- Topics: dart, flutter, menu, widget
- Language: Dart
- Size: 1020 KB
- Stars: 502
- Watchers: 24
- Forks: 77
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-flutter-cn - Radial Menu - 动画径向菜单，由[Victor Choueiri](https://github.com/xqwzts)创建。 (组件 / UI)
- awesome-flutter - Radial Menu - Animated Radial Menu by [Victor Choueiri](https://github.com/xqwzts). (Components / UI)
- awesome-flutter - Radial Menu - A simple animated radial menu widget for Flutter. ` 📝 3 years ago ` (UI [🔝](#readme))
- awesome-flutter-cn - Radial Menu - 带动画的径向菜单，[Victor Choueiri](https://github.com/xqwzts). (组件 / UI)
README
[](https://pub.dartlang.org/packages/flutter_radial_menu)
# flutter_radial_menu
A radial menu widget for Flutter.
.
## Installation
Install the latest version [from pub](https://pub.dartlang.org/packages/flutter_radial_menu#-installing-tab-).
## Quick Start
Import the package, create a `RadialMenu` and pass it your `RadialMenuItems`.
```dart
import 'package:flutter/material.dart';
import 'package:flutter_radial_menu/flutter_radial_menu.dart';
void main() {
runApp(
new MaterialApp(
home: new Scaffold(
body: new Center(
child: new RadialMenu(
items: >[
const RadialMenuItem(
value: 1,
child: const Icon(Icons.add),
),
const RadialMenuItem(
value: -1,
child: const Icon(Icons.remove),
)
],
radius: 100.0,
onSelected: print,
),
),
),
),
);
}
```
---
Take a look at the [demo](example/demo.dart) for a more elaborate example.
---
## Customization
### RadialMenuItem
| Parameter | Default | Description |
|-----------------|------------------------------------------|------------------------------------------------------------------|
| child | null | Usually an Icon widget, gets placed in the center of the button. |
| value | null | Value that gets returned when this item is selected. |
| tooltip | null | Tooltip displayed when the button is long-pressed. |
| size | 48.0 | Size of the button. |
| backgroundColor | Theme.of(context).primaryColor | Background fill color of the button. |
| iconColor | Theme.of(context).primaryIconTheme.color | The color of the child icon. |
### RadialMenu
| Parameter | Default | Description |
|---------------------------|-------------------|----------------------------------------------------------------------------|
| items | null | The list of possible items to select from. |
| onSelected | null | Called when the user selects an item. |
| radius | 100.0 | The radius of the arc used to lay out the items and draw the progress bar. |
| menuAnimationDuration | 1000 milliseconds | Duration of the menu opening/closing animation. |
| progressAnimationDuration | 1000 milliseconds | Duration of the action activation progress arc animation. |