Блог

Главная - Вопросы по программированию - условный флажок в react-native

условный флажок в react-native

#react-native #checkbox #conditional-statements

#реагировать-родной #флажок #условные операторы

Вопрос:

Я хотел бы получить небольшую помощь, пожалуйста. Я пытаюсь создать условия. Если товар есть на складе, флажок должен быть установлен. Если это не так, то он должен быть пустым. Я понемногу путаюсь и теряюсь в своем коде. Не могли бы вы мне немного помочь, пожалуйста?

Спасибо за вашу помощь и ваше время.

вот часть кода (я знаю, что условие вообще неверно, это только начало чего-то) :

 export default class Products extends Component {
  constructor(props) {
    super(props);
    this.state = {
      checked: true,
      stock : true, 
    }
  };

...

     <View style={{ flexDirection: 'row' }}>
       <CheckBox
          value={this.state.stock ? !this.state.checked}
          //onValueChange={() => this.setState({ checked: !this.state.checked })}
       />
       <Text style={{marginTop: 5}}>Stock</Text>
     </View>

Ответ №1:

Попробуйте это

 <View pointerEvents="none">
  <CheckBox
    value={this.state.stock}
    //onValueChange={() => this.setState({ checked: !this.state.checked })}
  />
</View>

Комментарии:

1. Он работает нормально! Извините, это было проще, чем я думал, большое спасибо!!

2. Я пользуюсь этой возможностью, чтобы задать второй вопрос. Как мне сделать так, чтобы мы не могли изменить статус, щелкнув флажок?

3. Оберните флажок в представлении и сделайте pointerEvent "none" как <View pointerEvents="none"><Checkbox /></View>