GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → cinder92 → React Native Circular Menu

cinder92 / React Native Circular Menu

A Ripple menu effect for your react native application

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

react-nativecomponent

Projects that are alternatives of or similar to React Native Circular Menu

Vue Datatables Net
Vue jQuery DataTables.net wrapper component
Stars: ✭ 119 (-7.75%)
Mutual labels:  component
Thorui Uniapp
ThorUI组件库，轻量、简洁的移动端组件库。组件文档地址：https://thorui.cn/doc/ 。 最近更新时间：2021-10-01
Stars: ✭ 1,842 (+1327.91%)
Mutual labels:  component
Vue Blu
UI Component Library Base on Vue.js(2.x) and Bulma
Stars: ✭ 1,593 (+1134.88%)
Mutual labels:  component
Vue Calendar Heatmap
A lightweight calendar heatmap Vuejs component built on SVG, inspired by github's contribution calendar graph
Stars: ✭ 120 (-6.98%)
Mutual labels:  component
Vue Create Root
🍭 不到1kb的小工具, 把组件变成this.$xxx命令.
Stars: ✭ 123 (-4.65%)
Mutual labels:  component
React Native Gifted Chat
💬 The most complete chat UI for React Native
Stars: ✭ 11,339 (+8689.92%)
Mutual labels:  component
Rebirth Ng
rebirth-ng is a ui framework for Angular & bootstrap.
Stars: ✭ 118 (-8.53%)
Mutual labels:  component
Error Message
📋 Error message component
Stars: ✭ 129 (+0%)
Mutual labels:  component
Sun
Android-Sun-Framework 模块化开发框架
Stars: ✭ 123 (-4.65%)
Mutual labels:  component
Property Info
PropertyInfo extracts information about PHP class' properties using metadata of popular sources.
Stars: ✭ 1,747 (+1254.26%)
Mutual labels:  component
Verte
🎨 A Color picker component. Built from the bottom to work with Vue.js.
Stars: ✭ 117 (-9.3%)
Mutual labels:  component
Cypress React Selector
⚡️ cypress plugin to locate react elements by component, props and state
Stars: ✭ 121 (-6.2%)
Mutual labels:  component
Vue Prism Component
highlight code using prism.js and vue component
Stars: ✭ 126 (-2.33%)
Mutual labels:  component
Polyfill Iconv
This component provides a native PHP implementation of the php.net/iconv functions.
Stars: ✭ 1,621 (+1156.59%)
Mutual labels:  component
Vue Loaders
Vue + loaders.css
Stars: ✭ 127 (-1.55%)
Mutual labels:  component
Calendar
📆 calendar 日历
Stars: ✭ 119 (-7.75%)
Mutual labels:  component
Ngx Lite
📦 A collection of lightweight Angular libraries in a single mono repo
Stars: ✭ 125 (-3.1%)
Mutual labels:  component
Vue Slide Bar
🎢 A Simple Vue Slider Bar Component.
Stars: ✭ 129 (+0%)
Mutual labels:  component
React Splitters
React splitter component, written in TypeScript.
Stars: ✭ 127 (-1.55%)
Mutual labels:  component
React Modal Box
React Modal Box, is a simple dependency free and customizable React Component to display Modals on your application. Its simple event system allows you to place the modal in the root component of your application, and calling it with the simple mixins, allows you to be flexible. It also includes event handling mixins, so you can detect when the modal is being called or being hidden.
Stars: ✭ 126 (-2.33%)
Mutual labels:  component
View All Similar Projects ➔

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

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

of coooourse PR are welcome :)

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].