🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A Ripple menu effect for your react native application.

Navigation_Menu React Native

Documentation

react-native-circular-menu

A Ripple menu effect for your react native application

npm version NPM downloads Package Quality Donate

Example

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.

TODO

  • Test in iPhone
  • Test in Android
  • Add animations

of coooourse PR are welcome :)


You May Also Like