
Security News
New CVE Forecasting Tool Predicts 47,000 Disclosures in 2025
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
react-native-switch-pro-with-react-17-support
Advanced tools
an universal switcher for andriod and iOS
A universal switch for android and iOS, it could be the best switch for react-native on Github.
PanResponder
npm install react-native-switch-pro --save
import Switch from 'react-native-switch-pro'
...
render() {
return (
<View style={styles.container}>
<Switch onSyncPress={value => {...}}/>
</View>
)
}
...
...
render() {
return (
<View style={styles.container}>
<Switch onAsyncPress={(callback) => {
You can call your async module and just invoke callback(true) when succeed,
callback(false) when fail.
}}/>
</View>
)
}
...
Name | Description | Default | Type |
---|---|---|---|
width | width of switch | 40 | number |
height | height of switch | 21 | number |
value | state of switch which can be used to bidirectional binding | undefined | bool |
disabled | whether switch is clickable | false | bool |
circleColorActive | color for circle handler of switch when it is on | white | string |
circleColorInactive | color for circle handler of switch when it is off | white | string |
style | styles that will be applied for switch container | undefined | style |
circleStyle | styles that will be applied for the circle | undefined | style |
backgroundActive | color of switch when it is on | green | string |
backgroundInactive | color of switch when it is off | '#ddd' | string |
onSyncPress | callback when switch is clicked | () => null | func |
onAsyncPress | has a callback with result of async | (value, callback) => {callback(true)} | func |
You'd better not use onSyncPress
and onAsyncPress
together or else, only onSyncPress
will be invoked.
value
is used with bidirectional binding which could be redux, state and so on.
In onAsyncPress
, you should write like following (with state):
<Switch
value={this.state.value}
onAsyncPress={(callback) => {
callback(false or true, value => this.setState({value}))
}}
/>
value => this.setState({value})
will only be invoked when result is true.
MIT
FAQs
an universal switcher for andriod and iOS
The npm package react-native-switch-pro-with-react-17-support receives a total of 3 weekly downloads. As such, react-native-switch-pro-with-react-17-support popularity was classified as not popular.
We found that react-native-switch-pro-with-react-17-support demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CVEForecast.org uses machine learning to project a record-breaking surge in vulnerability disclosures in 2025.
Security News
Browserslist-rs now uses static data to reduce binary size by over 1MB, improving memory use and performance for Rust-based frontend tools.
Research
Security News
Eight new malicious Firefox extensions impersonate games, steal OAuth tokens, hijack sessions, and exploit browser permissions to spy on users.