отключить ввод текста после ввода некоторого значения ввода в реагировать

Question

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

<View style={editProfileStyle.textinputView}>
  <TextInput
    style={editProfileStyle.textInput}
    placeholder="Enter your Specialization"
    value={this.state.subQualification}
    onChangeText={subQualification => this.setState({ subQualification: subQualification })} 
  />
</View>

Answer 1

Попробуйте добавить состояние и изменить реквизиты textInput следующим образом:

    state ={
    textDisable: true
  }
  render() {
    return (
      <View style={editProfileStyle.textinputView}>

      <TextInput
                style={editProfileStyle.textInput}
                placeholder="Enter your Specialization"
                value={this.state.subQualification}
                onChangeText={subQualification => this.setState({ subQualification: subQualification })}
                editable={this.state.textDisable}
                onEndEditing={() => this.setState({textDisable: false})} 
              />
      </View>
    );
  }
}

после отправки необходимо отключить ввод.

Answer 2

По вопросу, поскольку поле должно быть отключено, когда оно имеет какое-либо значение:

<View style={editProfileStyle.textinputView}>
              <TextInput
                editable={this.state.subQualification.length === 0}
                style={editProfileStyle.textInput}
                placeholder="Enter your Specialization"
                value={this.state.subQualification}
                onChangeText={subQualification => this.setState({ subQualification: subQualification })} 
              />
</View>

используя чек в editable реквизите

editable={this.state.subQualification.length === 0} сделает поле редактируемым, если в поле ничего нет