Slider

Slider

A component used to select a single value from a range of values.

Props

ViewPropTypes props...

disabled?: PropTypes.bool

If true the user won't be able to move the slider. Default value is false.

maximumTrackTintColor?: color

The color used for the track to the right of the button. Overrides the default blue gradient image on iOS.

maximumValue?: PropTypes.number

Initial maximum value of the slider. Default value is 1.

minimumTrackTintColor?: color

The color used for the track to the left of the button. Overrides the default blue gradient image on iOS.

minimumValue?: PropTypes.number

Initial minimum value of the slider. Default value is 0.

onSlidingComplete?: PropTypes.func

Callback that is called when the user releases the slider, regardless if the value has changed. The current value is passed as an argument to the callback handler.

onValueChange?: PropTypes.func

Callback continuously called while the user is dragging the slider.

step?: PropTypes.number

Step value of the slider. The value should be between 0 and (maximumValue - minimumValue). Default value is 0.

style?: ViewPropTypes.style

Used to style and layout the Slider. See StyleSheet.js and ViewStylePropTypes.js for more info.

testID?: PropTypes.string

Used to locate this view in UI automation tests.

value?: PropTypes.number

Initial value of the slider. The value should be between minimumValue and maximumValue, which default to 0 and 1 respectively. Default value is 0.

This is not a controlled component, you don't need to update the value during dragging.

androidthumbTintColor?: color

Color of the foreground switch grip.

iosmaximumTrackImage?: Image.propTypes.source

Assigns a maximum track image. Only static images are supported. The leftmost pixel of the image will be stretched to fill the track.

iosminimumTrackImage?: Image.propTypes.source

Assigns a minimum track image. Only static images are supported. The rightmost pixel of the image will be stretched to fill the track.

iosthumbImage?: Image.propTypes.source

Sets an image for the thumb. Only static images are supported.

iostrackImage?: Image.propTypes.source

Assigns a single image for the track. Only static images are supported. The center pixel of the image will be stretched to fill the track.