Add the dependency:
npm i react-native-toggle-buttonZero Dependency
import ToggleButton from "react-native-toggle-button";<ToggleButton
primaryText="On"
secondaryText="Off"
onPress={(isToggled: boolean) => {
console.log(isToggled);
}}
/>You can checkout the example project 🥰
Simply run
npm ireact-native run-ios/android
should work of the example project.
| Property | Type | Default | Description |
|---|---|---|---|
| primaryText | string | undefined | change the primaryText |
| secondaryText | string | undefined | change the secondaryText |
| onPress | function | undefined | set your own logic for the button functionality when it is pressed |
| Property | Type | Default | Description |
|---|---|---|---|
| inial | boolean | true | let you change the initial toggled value |
| style | ViewStyle | default | set or override the style object for the main container |
| activeButtonStyle | ViewStyle | default | set or override the style object for the active button style |
| inactiveButtonStyle | ViewStyle | default | set or override the style object for the inactive button style |
| activeTextStyle | TextStyle | default | set or override the style object for the active text style |
| inactiveTextStyle | TextStyle | default | set or override the style object for the inactive text style |
| TouchableComponent | TouchableWithoutFeedback | default | set your own component instead of default react-native TouchableWithoutFeedback component |
-
LICENSE - Write an article about the lib on Medium
FreakyCoder, [email protected]
React Native Toggle Button is available under the MIT license. See the LICENSE file for more info.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent