Need help with react-native-circular-menu?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

cinder92
128 Stars 16 Forks 14 Commits 3 Opened issues

Description

A Ripple menu effect for your react native application

Services available

!
?

Need anything else?

Contributors list

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.