一旦在React Native中使用，请禁用Slider

Question

我正在使用rn-vertical-slider，一旦使用即必须由用户完成，我必须将其禁用。我怎样才能做到这一点？？？

Answer 1

该库已经提供了禁用道具。您需要在代码中进行以下更改。

使构造函数具有默认值为false的isDisable状态

constructor(props){

super(props);

this.state={

isDisable:false

}

}

在onChange回调道具中添加一个函数

_checkMaximunSliderValue=(value)=>{

 If(value==100){ 

this.setState({isDisable:true})

}

}

*“在禁用道具中设置this.state.isDisable **

<VerticalSlider

  value={1}

  disabled={this.state.isDisable}

  min={0}

  max={100}

  onChange={(value: number) => {

    this._checkMaximunSliderValue(value);

  }}

  onComplete={(value: number) => {

    console.log("COMPLETE", value);

  }}

  width={50}

  height={300}

  step={1}

  borderRadius={5}

  minimumTrackTintColor={"gray"}

  maximumTrackTintColor={"tomato"}

  showBallIndicator

  ballIndicatorColor={"gray"}

  ballIndicatorTextColor={"white"}

/>;