Q群 567530369,小伙伴们都在这里等你哦~

Slider

用于选择一个范围值的组件。

查看Props


文档

Props

style

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

类型必填
View.style

disabled

如果为true,用户就不能移动滑块。默认为false。

类型必填
bool

maximumValue

滑块的最大值(当滑块滑到最右端时表示的值)。默认为1。

类型必填
number

minimumTrackTintColor

滑块左侧轨道的颜色。在iOS上默认为一个蓝色的渐变色。

类型必填
color

minimumValue

滑块的最小值(当滑块滑到最左端时表示的值)。默认为0。

类型必填
number

onSlidingComplete

用户松开滑块的时候调用此回调,无论值是否变化。回调值为当前值。

类型必填
function

onValueChange

在用户拖动滑块的过程中不断调用此回调。

类型必填
function

step

滑块的步长(拖动变化的最小单元)。这个值应该在0到(maximumValue - minimumValue)之间。默认值为0。

类型必填
number

maximumTrackTintColor

滑块右侧轨道的颜色。在iOS上默认为一个灰色的渐变色。

类型必填
color

testID

Used to locate this view in UI automation tests.

类型必填
string

value

滑块的初始值。这个值应该在最小值和最大值之间。默认值是0。

注意:这不是一个受控组件!也就是说,你不需要在滑动过程中去手动更新值。

类型必填
number

thumbTintColor

Color of the foreground switch grip.

类型必填平台
colorAndroid

maximumTrackImage

指定一个滑块右侧轨道背景图。仅支持静态图片。图片最左边的像素会被平铺直至填满右侧轨道。

类型必填平台
Image.propTypes.sourceiOS

minimumTrackImage

指定一个滑块左侧轨道背景图。仅支持静态图片。图片最右边的像素会被平铺直至填满左侧轨道。

类型必填平台
Image.propTypes.sourceiOS

thumbImage

给滑块设置一张图片。只支持静态图片。

类型必填平台
Image.propTypes.sourceiOS

trackImage

给轨道设置一张背景图。只支持静态图片。图片最中央的像素会被平铺直至填满轨道。

类型必填平台
Image.propTypes.sourceiOS