0.1.0 • Published 4 years ago
react-native-toggle-button v0.1.0
Installation
Add the dependency:
npm i react-native-toggle-buttonPeer Dependencies
Zero Dependency
Usage
Import
import ToggleButton from "react-native-toggle-button";Fundamental Usage
<ToggleButton
primaryText="On"
secondaryText="Off"
onPress={(isToggled: boolean) => {
console.log(isToggled);
}}
/>Example Project 😍
You can checkout the example project 🥰
Simply run
npm ireact-native run-ios/android
should work of the example project.
Configuration - Props
Fundamentals
| 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 |
Customization (Optionals)
| 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 |
Future Plans
LICENSE- Write an article about the lib on Medium
Author
FreakyCoder, kurayogun@gmail.com
License
React Native Toggle Button is available under the MIT license. See the LICENSE file for more info.
0.1.0
4 years ago