通过输入操纵滑块

Question

我用输入创建多滑块。 通过输入，您可以更改滑块的值。

但是当即时消息开始使用输入进行编辑时，我的值发疯了。

我想实现： 当我开始编辑第一个输入时，它将更改第一个滑块的位置。当im更改第二输入时，它将移动第二个滑块。

  constructor(props) {
    super(props);
    this.state = {
      sliderValues: [0,1000],
    };
  }

  handleChange = (sliderValues) => {
    this.setState({ sliderValues });
  };

我的输入和滑块

<Input
    onChangeText={this.handleChange}
    keyboardType="numeric"
    value={`${sliderValues[0]}`} />
<Input
    onChangeText={this.handleChange}
    keyboardType="numeric"
    selectTextOnFocus={true}
    value={`${sliderValues[1]}`} />
<Slider
    enabledTwo={true}
    values={[sliderValues[0], sliderValues[1]]}
    min={minSliderValue}
    max={maxSliderValue}
    onValuesChange={this.handleChange} />