react-native-circular-menu

A Ripple menu effect for your react native application

Example

How to install

npm i -S react-native-circular-menu

How to use

import CircularMenu from 'react-native-circular-menu';

...

render(){
   return(
      <CircularMenu
         items={this._renderItems()}
         closeBtn={this._renderCloseBtn()}
         show={false}
         items={[...]}
         position={"topLeft"}
      />
   )
}

Props

| Name | Description | Required | | ----- | ------------| -------- | | show | Set true to show and false to hide | yes | | color | Change color of ripple effect | no | | size | Change the scale size of circle (default : 20) | no | | items | Menu items (array) | yes | | position | Change position of animation circle (default : topLeft) | no | | closeBtn | Receives a component for close button | yes |

Positions

Circular Menu supports 7 positions, topLeft, topCenter, topRight, center, bottomLeft, bottomCenter, bottomRight.

of coooourse PR are welcome :)