diff --git a/docs/sliderios.html b/docs/sliderios.html index aed921d3854..742154a8799 100644 --- a/docs/sliderios.html +++ b/docs/sliderios.html @@ -1,11 +1,14 @@ SliderIOS – React Native | A framework for building native apps using React
React Native

Quick Start

Guides

Guides (iOS)

Guides (Android)

components

apis

Polyfills

SliderIOS

Edit on GitHubProps #

View props... #

disabled bool #

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

maximumTrackTintColor string #

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

maximumValue number #

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

minimumTrackTintColor string #

The color used for the track to the left of the button. Overrides the +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 string #

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

maximumValue 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 string #

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

minimumValue number #

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

onSlidingComplete function #

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

onValueChange function #

Callback continuously called while the user is dragging the slider.

step 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 #

Sets an image for the track. It only supports images that are included as assets

value number #

Initial value of the slider. The value should be between minimumValue +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 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.

Edit on GitHubExamples #

'use strict'; @@ -79,12 +82,40 @@ exports.examples return <SliderExample step={0.25} />; } }, + { + title: 'Custom min/max track tint color', + render(): ReactElement { + return ( + <SliderExample + minimumTrackTintColor={'red'} + maximumTrackTintColor={'green'} + /> + ); + } + }, { title: 'Custom thumb image', render(): ReactElement { - return <SliderExample thumbImage={require('image!uie_thumb_big')} />; + return <SliderExample thumbImage={require('./uie_thumb_big.png')} />; } - } + }, + { + title: 'Custom track image', + render(): ReactElement { + return <SliderExample trackImage={require('./slider.png')} />; + } + }, + { + title: 'Custom min/max track image', + render(): ReactElement { + return ( + <SliderExample + minimumTrackImage={require('./slider-left.png')} + maximumTrackImage={require('./slider-right.png')} + /> + ); + } + }, ];
Next →