1.0.7 • Published 6 months ago
rn-switch-button v1.0.7
RN-Switch-Button is A dynamic Switch / toggle button that response to the touch with react native animation.
It comes with a built-in TypeScript typings and is compatible with all popular JavaScript frameworks. You can use it directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.
Installation:
npm i rn-switch-button
yarn add rn-switch-button
Usage:
const HomeScreen = ({navigation, ...props}) => {
return (
<View contentContainerStyle={Styles.container}>
<ButtonSwitch
deafultSelectedIndex={0}
leftText="one"
rightText="two" />
</View>
);
};
export default HomeScreen;
Example:
Dataset Properties
Name | Type |
---|---|
leftText | string |
rightText | string |
onClickLeft | () => void |
onClickRight | () => void |
outerViewStyle | ViewStyle |
innerViewStyle | ViewStyle |
buttonsStyle | ViewStyle |
activeButtonStyle | ViewStyle |
activeColor | string |
unActiveTextColor | string |
unActiveBackColor | string |
horizontalOffset | number |
textSelectedStyle | TextStyle |
textUnSelectedStyle | TextStyle |
deafultSelectedIndex | number |