No description, website, or topics provided.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
examples upgrade example app to RN 0.41.2 Feb 25, 2017
.gitignore initial commit Feb 14, 2016
.npmignore
README.md
index.js Use RN Children.toArray() Oct 24, 2017
package.json

README.md

React Native Radial Menu

npm version npm downloads

Installation

npm install react-native-radial-menu

Usage

var RadialMenu = require('radial-native-radial-menu');

var Application = React.createClass({
  render: function() {
    return (
      <View>
        <RadialMenu onOpen={() => {}} onClose={() => {}}>
          <Text>ROOT</Text>
          <Text onSelect={() => {}}>A</Text>
          <Text onSelect={() => {}}>B</Text>
          <Text onSelect={() => {}}>C</Text>
          <Text onSelect={() => {}}>D</Text>
        </RadialMenu>
      </View>
    )
  }
})

Examples

// Examples Coming soon

Props

This menu can be fully customized using props.

Important
  • itemRadius (Number) 30 - Menu item radius
  • menuRadius (Number) 100- Distance between root and items in open state.
  • spreadAngle (Number: 0 - 360) 360 - The angle in degrees based on which menu items are spread on a circle around our root. E.g. 360 full circle, 180 half of circle and so on.
  • startAngle (Number) 0 - Items are distributed in clockwise direction starting from startAngle. 0 is left, 90 top, and so on.
Menu Callbacks
  • onOpen (Function) - Called immediately after the menu has entered the open state.
  • onClose (Function) - Called immediately after the menu has entered the close state.
Menu Item Callbacks
  • onSelect (Function) - Called when the item is selected
Animations

Coming soon

Demo

  • git clone https://github.com/omulet/react-native-radial-menu.git
  • cd react-native-radial-menu/examples/rnRadialMenu && npm install
  • Open ``./examples/rnRadialMenu/ios/rnRadialMenu.xcodeproject` in xcode
  • command+r (in xcode)

Credits