🚧 Slider
已过时。 Use @react-native-community/slider instead.
用于选择一个范围值的组件。
文档
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.
类型 | 必需 | 平台 |
---|---|---|
color | 否 | Android |
maximumTrackImage
指定一个滑块右侧轨道背景图。仅支持静态图片。图片最左边的像素会被平铺直至填满右侧轨道。
类型 | 必需 | 平台 |
---|---|---|
Image.propTypes.source | 否 | iOS |
minimumTrackImage
指定一个滑块左侧轨道背景图。仅支持静态图片。图片最右边的像素会被平铺直至填满左侧轨道。
类型 | 必需 | 平台 |
---|---|---|
Image.propTypes.source | 否 | iOS |
thumbImage
给滑块设置一张图片。只支持静态图片。
类型 | 必需 | 平台 |
---|---|---|
Image.propTypes.source | 否 | iOS |
trackImage
给轨道设置一张背景图。只支持静态图片。图片最中央的像素会被平铺直至填满轨道。
类型 | 必需 | 平台 |
---|---|---|
Image.propTypes.source | 否 | iOS |