TouchableOpacity и TouchableHighlight всегда отключены - PullRequest
Новая
       65

TouchableOpacity и TouchableHighlight всегда отключены

1 голос
/ 06 апреля 2019

Я пытаюсь отключить элемент TouchableOpacity, когда поля имени пользователя / пароля не заполнены. Это не работает. Он всегда в отключенном состоянии.

Я напечатал условие !this.state.username || !this.state.password в консоль, и оно ложно, когда оба заполнены, что является желаемым результатом, но свойство disabled TouchableOpacity, похоже, не отражает значение в этом условии. Ниже приведен фрагмент моего кода:

Кто-нибудь может предложить решение этой проблемы? 

<ScrollView style={styles.content}>
      <View style={[styles.container, styles.content]}>
        <View style={styles.inputContainer}>
          <Image style={styles.inputIcon} source={emailicon}/>
          <TextInput style={[styles.inputs]}
              ref={`username`}
              placeholder="Email"
              keyboardType="email-address"
              underlineColorAndroid='transparent'
              onChangeText={(text) => {this.state.username = text}}
              required={true}
          />
        </View>

        <View style={styles.inputContainer}>
          <Image style={styles.inputIcon} source={keyicon}/>
          <TextInput
              style={styles.inputs}
              ref={`password`}
              placeholder="Password"
              secureTextEntry={true}
              underlineColorAndroid='transparent'
              onChangeText={(text) => {this.state.password = text}}
              required={true}
          />
        </View>

        <TouchableOpacity style={[styles.buttonContainer, styles.loginButton]}
                            onPress={() => { console.log(!this.state.username || !this.state.password) }} disabled={!this.state.username || !this.state.password}>
          <Text style={styles.loginText}>Login</Text>
        </TouchableOpacity>

1 Ответ

1 голос
/ 06 апреля 2019

Попробуйте использовать setState вместо присвоения значения этому состоянию в onChangeText .

Просто замените эту строку в обоих текстовых вводах 

onChangeText={(text) => {this.setState({username:text})}}

и 

onChangeText={(text) => {this.setState({password:text})}}
...