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.
TODO
- Test in iPhone
- Test in Android
- Add animations
