SliderIOS #

Note: SliderIOS is deprecated and will be removed in the future. Use the cross-platform Slider as a drop-in replacement with the same API.

An iOS-specific component used to select a single value from a range of values.

Props #

disabled PropTypes.bool #

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

maximumTrackImage 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.

maximumTrackTintColor PropTypes.string #

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

maximumValue PropTypes.number #

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

minimumTrackImage 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.

minimumTrackTintColor PropTypes.string #

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

minimumValue PropTypes.number #

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

onSlidingComplete PropTypes.func #

Callback called when the user finishes changing the value (e.g. when the slider is released).

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 View#style #

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

thumbImage Image.propTypes.source #

Sets an image for the thumb. It only supports static images.

trackImage 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.

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, e.g. if you don't update the value, the component won't be reset to its initial value.

You can edit the content above on GitHub and send us a pull request!