这是我正在使用的文本输入,我希望在输入值后禁用输入字段。我尝试使用可编辑的道具,但它没有帮助。我是全新的反应原生,请帮助一个例子。
<View style={editProfileStyle.textinputView}>
<TextInput
style={editProfileStyle.textInput}
placeholder="Enter your Specialization"
value={this.state.subQualification}
onChangeText={subQualification => this.setState({ subQualification: subQualification })}
/>
</View>
根据这个问题,因为该字段在具有某些值时应该被禁用:
<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}
将使场地可编辑
尝试添加状态并修改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>
);
}
}
在onsubmit之后应该禁用输入。