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
