{"_id":"@5stones/react-native-switch","_rev":"3-50755d424225658ce27edc4d8ed59039","name":"@5stones/react-native-switch","dist-tags":{"latest":"2.0.0"},"versions":{"2.0.0":{"name":"@5stones/react-native-switch","version":"2.0.0","description":"Customisable switch component for RN","main":"index.js","types":"index.d.ts","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"keywords":["react-native","react","shapes","android","ios","mobile","switch","customisable","react-native-web"],"license":"MIT","repository":{"type":"git","url":"git+ssh://git@github.com/shahen94/react-native-switch.git"},"author":{"name":"Shahen Hovhannisyan","email":"shahen.hovhannisyan.94@gmail.com"},"peerDependencies":{"react-native":">=0.29"},"dependencies":{"prop-types":"^15.6.0"},"bugs":{"url":"https://github.com/shahen94/react-native-switch/issues"},"homepage":"https://github.com/shahen94/react-native-switch#readme","directories":{"lib":"lib"},"gitHead":"77f1d81f088377a8ca4eb1dce30507651308fc29","_id":"@5stones/react-native-switch@2.0.0","_nodeVersion":"14.3.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-krjhG2RNpvAFMA2eecCU56fVVAxz8WnBagN1m+HZlLKUBCL8xfjo/aDUBzrq2oJJQMgnUspMx5CdjJg8A6YcLQ==","shasum":"26fa8aea7504b3904d3b37a46eb01a0f898e3c1e","tarball":"https://registry.npmjs.org/@5stones/react-native-switch/-/react-native-switch-2.0.0.tgz","fileCount":7,"unpackedSize":13301,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfxTi6CRA9TVsSAnZWagAA4IMP/2UvcQAPtb4st1F2VXQH\nMOvqnCqJFSp7oU0dc6yzIRtvZ+T2/yj2hX6V/5k0kxZEThYRLiQgXPVbBigL\niS+i6G4vQN+EUXT8KnE2rF+Ub4zl2O5sXd6LF6nlRqjZZdaRZJQGx+CXp0il\nouagLhTQt+G0to7rZnCdkgVz7vVHaK+9w5AhyLjTS8oIxi1wmWyUQ8wIyH2J\nWKQeeua3amuD7HQZ5L6MMfXszbGo7j78xsFPrKTSA8CLtFokb500yod/fqa7\nr2APNvNcBzuf46Am2dbWxES/KOXTKwuZktqrHAnvy66WRkELJBqPFqPbAO1e\nkWtqOEHMsvl2gptaJ9J5fiUjjHdgBAhdWrqBXlwde1vBXPtPXXY/77lmf6q8\nAH1qriuDsiaXevzFFaTmuZHNofthgYwr7zVNmntgbK+Lh1mD0Wq/Q2TMDtyX\nJ49dPsLEUT91TjN9Qn403daB2c8Y6RoI4cFMmQ/EyqrJXvLJAW+flQNT5Ppg\nOp25tz7141NG+/JdHeIf2SPXsES490zWL6wkF3xTT7c7xBtc4FyNvU7QNfnL\nELXqKHry9hB+koo08dy57b1gyY9KIgLr+VvQneBhQCsLX/qrv7KvrWMOccLT\ntU3K3ZFhNBvlxu9KtmfCcgmdP8vBkW1FPxZcGy7Nl35E37C7Kt3YlBdnSF5B\n/EiF\r\n=Ngg0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICigO53ZfXV2mXw9kftZklhRsfgJtJyNmrLAtILNFYe6AiBWkY7Z1YxP4EMhJmvn3XYqQhrkglGtiRLDmXleUBBqhw=="}]},"_npmUser":{"name":"jspizziri","email":"jake_20@hotmail.com"},"maintainers":[{"name":"jspizziri","email":"jake_20@hotmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-switch_2.0.0_1606760634218_0.8479703382782975"},"_hasShrinkwrap":false}},"time":{"created":"2020-11-30T18:23:53.959Z","2.0.0":"2020-11-30T18:23:54.357Z","modified":"2022-04-04T10:48:39.980Z"},"maintainers":[{"email":"abourge@weare5stones.com","name":"abourge"},{"email":"jake_20@hotmail.com","name":"jspizziri"},{"email":"Ken.Michalak@gmail.com","name":"ken-michalak"}],"description":"Customisable switch component for RN","homepage":"https://github.com/shahen94/react-native-switch#readme","keywords":["react-native","react","shapes","android","ios","mobile","switch","customisable","react-native-web"],"repository":{"type":"git","url":"git+ssh://git@github.com/shahen94/react-native-switch.git"},"author":{"name":"Shahen Hovhannisyan","email":"shahen.hovhannisyan.94@gmail.com"},"bugs":{"url":"https://github.com/shahen94/react-native-switch/issues"},"license":"MIT","readme":"# react-native-switch\nCustomisable switch component for RN and React Native Web\n\n### Installation\n\n```sh\n$ npm install --save react-native-switch\n```\nor\n\n```sh\nyarn add react-native-switch\n```\n\n### Usage\n\n```javascript\nimport { Switch } from 'react-native-switch';\n\nexport const App = () => (\n  <Switch\n    value={true}\n    onValueChange={(val) => console.log(val)}\n    disabled={false}\n    activeText={'On'}\n    inActiveText={'Off'}\n    circleSize={30}\n    barHeight={1}\n    circleBorderWidth={3}\n    backgroundActive={'green'}\n    backgroundInactive={'gray'}\n    circleActiveColor={'#30a566'}\n    circleInActiveColor={'#000000'}\n    changeValueImmediately={true}\n    renderInsideCircle={() => <CustomComponent />} // custom component to render inside the Switch circle (Text, Image, etc.)\n    changeValueImmediately={true} // if rendering inside circle, change state immediately or wait for animation to complete\n    innerCircleStyle={{ alignItems: \"center\", justifyContent: \"center\" }} // style for inner animated circle for what you (may) be rendering inside the circle\n    outerCircleStyle={{}} // style for outer animated circle\n    renderActiveText={false}\n    renderInActiveText={false}\n    switchLeftPx={2} // denominator for logic when sliding to TRUE position. Higher number = more space from RIGHT of the circle to END of the slider\n    switchRightPx={2} // denominator for logic when sliding to FALSE position. Higher number = more space from LEFT of the circle to BEGINNING of the slider\n    switchWidthMultiplier={2} // multipled by the `circleSize` prop to calculate total width of the Switch\n    switchBorderRadius={30} // Sets the border Radius of the switch slider. If unset, it remains the circleSize.\n  />\n)\n```\n### Switch\n![switch](https://cloud.githubusercontent.com/assets/13334788/19770557/c1d935ee-9c70-11e6-931e-8812fbe62774.gif)\n\n\n##\nIf this project was helpful to you, please <html>\n <a href=\"https://www.buymeacoffee.com/FnENSxi\" target=\"_blank\"><img src=\"https://bmc-cdn.nyc3.digitaloceanspaces.com/BMC-button-images/custom_images/yellow_img.png\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: auto !important;\" ></a>\n </html>\n","readmeFilename":"README.md"}