• 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 |