Skip to content

Latest commit

 

History

History
62 lines (44 loc) · 1.42 KB

README.md

File metadata and controls

62 lines (44 loc) · 1.42 KB
  • 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