All Projects → victorkvarghese → Rn Slider Switch

victorkvarghese / Rn Slider Switch

Multi slider switch component in React Native

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Rn Slider Switch

LimitlessUI
Awesome C# UI library that highly reduced limits of your application looks
Stars: ✭ 41 (-59%)
Mutual labels:  slider, switch
SHSliderSwitch
SHSliderSwitch is a simple lightweight library to implement an animated slider switch.
Stars: ✭ 18 (-82%)
Mutual labels:  slider, switch
Reviews slider
A Flutter animated widget made to help users leave reviews and feedbacks
Stars: ✭ 74 (-26%)
Mutual labels:  slider
Sjslider
滑块视图
Stars: ✭ 94 (-6%)
Mutual labels:  slider
Slidercaptcha
Slider captcha support mobile
Stars: ✭ 88 (-12%)
Mutual labels:  slider
Switch Lan Play
Make you and your friends play games like in a LAN.
Stars: ✭ 1,197 (+1097%)
Mutual labels:  switch
Gaugeslider
Highly customizable GaugeSlider designed for a Smart Home app. Featured at Medium.
Stars: ✭ 89 (-11%)
Mutual labels:  slider
React Native Carousel View
react-native carousel, support in both Android and iOS
Stars: ✭ 70 (-30%)
Mutual labels:  slider
Nintimdo Rp
Raspberry Pi Gaming Console
Stars: ✭ 98 (-2%)
Mutual labels:  switch
Ioabstraction
Library for Arduino and mbed that abstracts pins and i2c expanders (8574, 23017), supports AVR and I2c AT24 EEPROMs, Rotary encoders, fully debounced switches and simple task management.
Stars: ✭ 84 (-16%)
Mutual labels:  switch
Mscircularslider
A fully-featured, powerful circular slider for iOS applications
Stars: ✭ 94 (-6%)
Mutual labels:  slider
Before after slider
before after slider
Stars: ✭ 80 (-20%)
Mutual labels:  slider
Rusted Switch
Nintendo Switch Homebrew with Rust 🦀
Stars: ✭ 75 (-25%)
Mutual labels:  switch
React Siema
ReactSiema Demo
Stars: ✭ 90 (-10%)
Mutual labels:  slider
Soundswitch
C# application to switch default playing device. Download: https://soundswitch.aaflalo.me/
Stars: ✭ 1,190 (+1090%)
Mutual labels:  switch
Hostsdock
🎉 Store, manage and switch your hosts quickly.
Stars: ✭ 95 (-5%)
Mutual labels:  switch
React Marquee Slider
The marquee slider of your deepest dreams. Only for React.js ⛺
Stars: ✭ 73 (-27%)
Mutual labels:  slider
Hode
hode is a rewrite of the engine used in the game Heart of Darkness made by Amazing Studio.
Stars: ✭ 81 (-19%)
Mutual labels:  switch
Daynightswitch
a cute day night switch for android
Stars: ✭ 88 (-12%)
Mutual labels:  switch
Betterjoy
Allows the Nintendo Switch Pro Controller, Joycons and SNES controller to be used with CEMU, Citra, Dolphin, Yuzu and as generic XInput
Stars: ✭ 1,352 (+1252%)
Mutual labels:  switch

rn-slider-switch

Multi slider switch component in React Native (iOs & android)

Installation:

Install the component through npm using:

npm install rn-slider-switch --save

alt text alt text

YOUTUBE : See slider in action

Properties

Prop Description
currentStatus Initial Status of the slider . Defaults to 'Open'. Other values include 'In Progress', 'Complete'
onStatusChanged Called when status changes in Slider
isParentScrollDisabled Whether scroll is disabled in Parent.(Optional)
disableScroll Used to disable scroll in parent .. Works as callback function if u want to disable scroll in parent.(Optional)
disableSwitch Used to disable switch (Click & scroll will not work) .. (Optional)

Example:

import MultiSwitch from 'rn-slider-switch';
<MultiSwitch
                    currentStatus={'Open'}
                    disableScroll={value => {
                        console.log('scrollEnabled', value);
                        // this.scrollView.setNativeProps({
                        //     scrollEnabled: value
                        // });
                    }}
                    isParentScrollEnabled={false}
                    onStatusChanged={text => {
                        console.log('Change Status ', text);
                    }}/>
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].