All Projects → xqwzts → Flutter_radial_menu

xqwzts / Flutter_radial_menu

Licence: mit
A simple animated radial menu widget for Flutter.

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
Gradient Widgets
Flutter widgets wrapped with gradients
Stars: ✭ 290 (-19.22%)
Mutual labels:  widget
Huebee
🐝 1-click color picker
Stars: ✭ 332 (-7.52%)
Mutual labels:  widget
Nbaseuikit
个人平时使用的一些Qt编写的组件(有部分是整合的开源作品,部分是自己原创);
Stars: ✭ 286 (-20.33%)
Mutual labels:  widget
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
Eww
ElKowar's wacky widgets
Stars: ✭ 322 (-10.31%)
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
Vc Popup
一个行为标准的vue popup组件集
Stars: ✭ 289 (-19.5%)
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

pub package

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].