Отключить ползунок, когда-то использованный в React Native - PullRequest
0 голосов
/ 12 апреля 2019

Я использую rn-vertical-slider, и мне нужно отключить его один раз, то есть когда он будет завершен пользователем. Как я могу это сделать ???

1 Ответ

0 голосов
/ 12 апреля 2019

Эта библиотека уже обеспечивает отключение реквизита. Вам необходимо внести следующие изменения в свой код.

Создание конструктора с состоянием isDisable со значением по умолчанию false

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"}
/>;
...