react-native-circular-menu

by cinder92

A Ripple menu effect for your react native application

130 Stars 16 Forks Last release: Not found 14 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

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( ) }

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

  • [x] Test in iPhone
  • [ ] Test in Android
  • [ ] Add animations

of coooourse PR are welcome :)

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.