React-Native Slider滑竿使用

Posted 2023-04-17

参考技术A

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

minimumValue ：滑块的最小值（当滑块滑到最左侧时表示的值），默认为0
maximumValue ：滑块的最大值（当滑块滑到最右端时表示的值），默认为1
value ：滑块的初始值。这个值应该在最小值和最大值之间，默认值是0
onValueChange ：在用户拖动滑块的过程中不断调用此回调，携带一个当前滑块的位置参数
onSlidingComplete ：户结束滑动的时候调用此回调
step ：滑块的最小步长，这个值应该在0到(maximumValue - minimumValue)之间，默认值为0
thumbImage ：给滑块设置一张图片，只支持静态图片
trackImage ：给轨道设置一张背景图，只支持静态图片，图片最中央的像素会被平铺直至填满轨道
minimumTrackImage ：指定一个滑块左侧轨道背景图，仅支持静态图片。图片最右边的像素会被平铺直至填满轨道
maximumTrackImage ：指定一个滑块右侧轨道背景图，仅支持静态图片。图片最左边的像素会被平铺直至填满轨道
minimumTrackTintColor ：滑块左侧轨道的颜色，默认为一个蓝色的渐变色
maximumTrackTintColor ：滑块右侧轨道的颜色，默认为一个灰色的渐变色

上面效果用到的图片，是我随便切的

Xamarin.Forms使用Slider注意问题

Xamarin.Forms使用Slider注意问题

 

Xamarin.Forms中，Slider用来构建滑块控件。其中，Minimum表示最小值，Maximum表示最大值。如果Minimum大等于1，则需要先设置Maximum，然后再设置Minimum。否则，会报错。