shahen94 / React Native Switch
Licence: mit
Customisable switch component for RN
Stars: ✭ 179
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to React Native Switch
Swifitch
Swifitch is ESP8266 based relay board that could be used to turn any light or any wall socket into smart one!
Stars: ✭ 117 (-34.64%)
Mutual labels: switch
Expo Dark Mode Switch
A beautiful React dark mode switch component for iOS, Android, and Web
Stars: ✭ 137 (-23.46%)
Mutual labels: switch
Brew.js
[WIP] C++ high-level JavaScript API for Nintendo 3DS/Switch
Stars: ✭ 136 (-24.02%)
Mutual labels: switch
Panelswitchhelper
✔️ A framework that helps the keyboard smoothly transition to the function panel 一个帮助键盘平稳过渡到功能面板的框架,支持动画无缝衔接,支持 activity/fragment/dialog/dialogFragment/popupWindow 容器,支持IM/直播/视频播放/信息流评论等场景,支持全屏模式。
Stars: ✭ 1,957 (+993.3%)
Mutual labels: switch
Homebridge Http Switch
Powerful http switch for Homebridge: https://github.com/homebridge/homebridge
Stars: ✭ 111 (-37.99%)
Mutual labels: switch
Plutonium
An easy-to-use UI framework for Nintendo Switch homebrew
Stars: ✭ 166 (-7.26%)
Mutual labels: switch
Jxsegmentedview
A powerful and easy to use segmented view (segmentedcontrol, pagingview, pagerview, pagecontrol, categoryview) (腾讯新闻、今日头条、QQ音乐、网易云音乐、京东、爱奇艺、腾讯视频、淘宝、天猫、简书、微博等所有主流APP分类切换滚动视图)
Stars: ✭ 1,905 (+964.25%)
Mutual labels: switch
Checkpoint
Fast and simple homebrew save manager for 3DS and Switch.
Stars: ✭ 1,886 (+953.63%)
Mutual labels: switch
Bettersegmentedcontrol
An easy to use, customizable replacement for UISegmentedControl & UISwitch.
Stars: ✭ 1,782 (+895.53%)
Mutual labels: switch
Goldleaf
🍂 Multipurpose homebrew tool for Nintendo Switch
Stars: ✭ 2,026 (+1031.84%)
Mutual labels: switch
Controllerx
Create controller-based automations with ease to control your home devices and scenes.
Stars: ✭ 141 (-21.23%)
Mutual labels: switch
React Icheck
🔘 iCheck components built with React. Highly customizable checkbox, radio buttons and radio group.
Stars: ✭ 175 (-2.23%)
Mutual labels: switch
Raidfinder
Crossplatform RNG tool for Pokemon Sword/Shield raids
Stars: ✭ 161 (-10.06%)
Mutual labels: switch
Raspberry Pi Safe Off Switch
A set of scripts that can be used to provide a "safe power off switch" for a Raspberry Pi.
Stars: ✭ 144 (-19.55%)
Mutual labels: switch
react-native-switch
Customisable switch component for RN and React Native Web
Installation
$ npm install --save react-native-switch
or
yarn add react-native-switch
Usage
import { Switch } from 'react-native-switch';
export const App = () => (
<Switch
value={true}
onValueChange={(val) => console.log(val)}
disabled={false}
activeText={'On'}
inActiveText={'Off'}
circleSize={30}
barHeight={1}
circleBorderWidth={3}
backgroundActive={'green'}
backgroundInactive={'gray'}
circleActiveColor={'#30a566'}
circleInActiveColor={'#000000'}
changeValueImmediately={true}
renderInsideCircle={() => <CustomComponent />} // custom component to render inside the Switch circle (Text, Image, etc.)
changeValueImmediately={true} // if rendering inside circle, change state immediately or wait for animation to complete
innerCircleStyle={{ alignItems: "center", justifyContent: "center" }} // style for inner animated circle for what you (may) be rendering inside the circle
outerCircleStyle={{}} // style for outer animated circle
renderActiveText={false}
renderInActiveText={false}
switchLeftPx={2} // denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider
switchRightPx={2} // denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider
switchWidthMultiplier={2} // multipled by the `circleSize` prop to calculate total width of the Switch
switchBorderRadius={30} // Sets the border Radius of the switch slider. If unset, it remains the circleSize.
/>
)
Switch
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].