{"_id":"@akash119911/react-native-slider","name":"@akash119911/react-native-slider","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@akash119911/react-native-slider","version":"1.0.0","description":"custom sider for react native","main":"index.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"author":{"name":"Akash Kumar"},"license":"ISC","peerDependencies":{"react":"18.3.1","react-native":"0.77.1","react-native-gesture-handler":"^2.23.1","react-native-reanimated":"^3.16.7"},"_id":"@akash119911/react-native-slider@1.0.0","_nodeVersion":"21.2.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-Z0kyMCBpyly0KNoHi4j1aOTpUVQWcZQ6RfqFj0ifYj/lHx5heyAfnH3D+zjPOgIWSHiIXWGjzAhvSWv5bdIDSg==","shasum":"d9e4e25642e8fe5481c3e7efccaf14fad189b502","tarball":"https://registry.npmjs.org/@akash119911/react-native-slider/-/react-native-slider-1.0.0.tgz","fileCount":3,"unpackedSize":8713,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDhkVpDof/2HhusruKPHXmbsxM4qr8RrGRxO+mYuSS2xgIgL37zljEsRNQueQtOUgY0/4iKaUUhgkyAhRBOSdWzQak="}]},"_npmUser":{"name":"akash119911","email":"akashkumar119911@gmail.com"},"directories":{},"maintainers":[{"name":"akash119911","email":"akashkumar119911@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-slider_1.0.0_1740025562737_0.0014208791309904267"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-20T04:26:02.647Z","1.0.0":"2025-02-20T04:26:02.939Z","modified":"2025-02-20T04:26:03.187Z"},"maintainers":[{"name":"akash119911","email":"akashkumar119911@gmail.com"}],"description":"custom sider for react native","author":{"name":"Akash Kumar"},"license":"ISC","readme":"# Slider by Akash Kumar\r\n\r\nA customizable Slider component for React Native.\r\n\r\n## Installation\r\n\r\nInstall the package using npm or yarn:\r\n\r\n```sh\r\nnpm install @akash119911/react-native-slider\r\n# or\r\nyarn add @akash119911/react-native-slider\r\n```\r\n\r\n## Usage\r\n\r\n### Basic Usage\r\n\r\n```jsx\r\nimport Slider from '@akash119911/react-native-slider';\r\n\r\n<Slider\r\n    height={30}\r\n    width={250}\r\n    minimumValue={0}\r\n    maximumValue={4}\r\n    onValueChange={(index) => console.log(index)}\r\n/>\r\n```\r\n\r\n### Usage in a Modal\r\n\r\n```jsx\r\nimport React, { useState } from 'react';\r\nimport { Modal, View } from 'react-native';\r\nimport { GestureHandlerRootView } from 'react-native-gesture-handler';\r\nimport Slider from 'your-slider-package-name';\r\n\r\nconst MyComponent = () => {\r\n    const [visible, setVisible] = useState(true);\r\n\r\n    return (\r\n        <Modal\r\n            visible={visible}\r\n            onRequestClose={() => setVisible(false)}\r\n            animationType='slide'\r\n            transparent={true}\r\n        >\r\n            <GestureHandlerRootView style={{ flex: 1 }}>\r\n                <View style={styles.container}>\r\n                    <Slider\r\n                        height={30}\r\n                        width={250}\r\n                        minimumValue={0}\r\n                        maximumValue={4}\r\n                        onValueChange={(index) => console.log(index)}\r\n                    />\r\n                </View>\r\n            </GestureHandlerRootView>\r\n        </Modal>\r\n    );\r\n};\r\n```\r\n\r\n## Props\r\n\r\n| Prop           | Type     | Description                           |\r\n|-------------- |---------|---------------------------------|\r\n| `height`      | number  | Height of the slider               |\r\n| `width`       | number  | Width of the slider                |\r\n| `minimumValue` | number  | Minimum value of the slider        |\r\n| `maximumValue` | number  | Maximum value of the slider        |\r\n| `onValueChange` | function | Callback function for value change |\r\n\r\n## License\r\n\r\nMIT\r\n\r\n","readmeFilename":"Readme.md"}