xqwzts / Flutter_radial_menu
Licence: mit
A simple animated radial menu widget for Flutter.
Stars: ✭ 359
Programming Languages
dart
5743 projects
Projects that are alternatives of or similar to Flutter radial menu
Accordion
Silky-smooth accordion widgets with no external dependencies.
Stars: ✭ 32 (-91.09%)
Mutual labels: widget, menu
Jquery Ui Contextmenu
jQuery plugin that turns a jQueryUI menu widget into a context menu.
Stars: ✭ 170 (-52.65%)
Mutual labels: widget, menu
Stockticker
A resizable widget that shows your financial portfolio on your android home screen
Stars: ✭ 285 (-20.61%)
Mutual labels: widget
Persei
Animated top menu for UITableView / UICollectionView / UIScrollView written in Swift
Stars: ✭ 3,395 (+845.68%)
Mutual labels: menu
Ftpopovermenu swift
FTPopOverMenu_Swift, swift version of FTPopOverMenu. FTPopOverMenu is a pop over menu for iOS which is maybe the easiest one to use. Supports both portrait and landscape. It can show from any UIView, any UIBarButtonItem and any CGRect.
Stars: ✭ 326 (-9.19%)
Mutual labels: menu
Stacklayoutmanager
customized layoutmanager,let item pile up like stackview/类似最美有物卡片堆叠效果
Stars: ✭ 343 (-4.46%)
Mutual labels: widget
Fabsmenu
A simple library to use a menu of FloatingActionButtons from Design Support Library that follow Material Design Guidelines
Stars: ✭ 324 (-9.75%)
Mutual labels: menu
React Motion Menu
[DEPRECATED] 🍔 A spring animation menu component for React.
Stars: ✭ 336 (-6.41%)
Mutual labels: menu
React Native Today Widget
iOS Today Widget in React Native
Stars: ✭ 320 (-10.86%)
Mutual labels: widget
Snwe
🚀 Extensible, customisable, menubar replacement for macOS/UNIX.
Stars: ✭ 295 (-17.83%)
Mutual labels: widget
React Horizontal Scrolling Menu
Horizontal scrolling menu component for React.
Stars: ✭ 289 (-19.5%)
Mutual labels: menu
Easydropdown
A lightweight library for building beautiful styleable <select> elements
Stars: ✭ 337 (-6.13%)
Mutual labels: menu
Moufette
🦨 Moufette is developer-friendly, open-source set of tools to collect users feedback. Find us on Twitter @MoufetteHQ
Stars: ✭ 303 (-15.6%)
Mutual labels: widget
Django Sitetree
Reusable application for Django introducing site tree, menu and breadcrumbs navigation elements.
Stars: ✭ 330 (-8.08%)
Mutual labels: menu
Pickr
🎨 Flat, simple, multi-themed, responsive and hackable Color-Picker library. No dependencies, no jQuery. Compatible with all CSS Frameworks e.g. Bootstrap, Materialize. Supports alpha channel, rgba, hsla, hsva and more!
Stars: ✭ 3,759 (+947.08%)
Mutual labels: widget
flutter_radial_menu
A radial menu widget for Flutter.
Installation
Install the latest version from pub.
Quick Start
Import the package, create a RadialMenu
and pass it your RadialMenuItems
.
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: <RadialMenuItem<int>>[
const RadialMenuItem<int>(
value: 1,
child: const Icon(Icons.add),
),
const RadialMenuItem<int>(
value: -1,
child: const Icon(Icons.remove),
)
],
radius: 100.0,
onSelected: print,
),
),
),
),
);
}
Take a look at the demo 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. |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].