\n \n \n
\n \n ![\"Latest](\"https://img.shields.io/npm/v/@react-native-community/slider.svg\")
\n \n \n ![\"Build](\"https://github.com/callstack/react-native-slider/actions/workflows/ReactNativeSlider-CI.yml/badge.svg?branch=main\"){kind=icon}
\n \n \n ![\"Supported](\"https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20web-lightgrey.svg\"){kind=icon}
\n \n \n ![\"License\"](\"https://img.shields.io/npm/l/@react-native-community/slider.svg\")
\n \n
\n React Native component used to select a single value from a range of values.\n
Currently supported on following platforms:\n
| \n\n```typescript\n stepMarked: boolean;\n```\n\n | \n\n\nIndicates whether that custom step is the one that the thum is currently on.\n If user drags or clicks on that step, thumb will be moved there and the `stepMarked` parameter will be set to `true`.\n Use it, to differentiate between rendering your custom thumb component, or your custom step marker.\n\n | \n
| \n\n```typescript\n currentValue: number;\n```\n\n | \n\nContains the `number` type saying at which value of the Slider the thumb currently is.\n Use it, for example, to render the Slider value on every step marker, or to render different step marker's variant depending on the Thumb position.\n\n | \n
| \n\n```typescript\n index: number;\n```\n\n | \n\n\nContains the index at which this exact instantiation of your custom step marker was rendered at.\n Use it if you would like to render step number within the step marker, or, for example, if you want to render many variants of step marker depending on their positions along the Slider's width.\n\n | \n
| \n\n```typescript\n min: number;\n```\n\n | \n\n\nMinimum value of the Slider. It is equal to `minimumValue` and has the same default if not set.\n\n | \n
| \n\n```typescript\n max: number;\n```\n\n | \n\n\nMaximum value of the Slider. It is equal to `maximumValue` and has the same default if not set.\n\n | \n