react-native - 将 slider 设置到初始位置 - React native

Question

我有一个应用程序，其中有一个公共(public) slider 来显示 2 个不同的数据值。和一个控制要显示的值的按钮(即使用Array1 或Array2)。Slider 在 slider 中来回执行时正确显示所有值。

当我点击按钮时，我更新了state，Render被调用并加载了正确的Array从。

问题:Slider 从某个随机位置开始。我想让 slider 头转到初始位置。

下面是我的 slider 代码，

 <Slider style={styleSliderView.slider}
                minimumValue={0}
                maximumValue={arr.length-1}
                step={1}
                onValueChange={(value)=>this._onValueChange(value)}/>

任何想法。

Answer 1

这可能不仅仅是一个随机位置。这是新的最小/最大范围内的新位置。您需要做的是以某种方式重置 slider 。

您可以尝试 2 种可能的解决方案:

1) 在您的状态下保存 slider 值并在按下按钮时重置它:

<Slider
  value={this.state.value}
  onValueChange={(value) => this.setState({value})}
/>

onButtonPress() {
  this.setState({value: 0});
}

2) 使用 slider 的引用重置值:

<Slider
  ref={r => this.slider = r}
/>

onButtonPress() {
  this.slider.setNativeProps({value: 0});
}