安卓上文本输入的奇怪行为是原生反应

Question

我有一个注册表单，当用户聚焦文本输入并弹出键盘时，我想清除文本输入。

这种行为在 iOS 上效果很好，但是在 android 上，第一件事是 clearTextOnFocus 不起作用，其次我无法在地址文本输入中键入任何内容，我想知道这里有什么问题，因为这在 iOS 上完美运行。

export default class SignupScreen extends Component {
static navigationOptions = {
title: strings.signup,
headerTintColor:'black'
};
constructor(props) {
super(props);
this.state = { loading:true,loginText:strings.username,pwdText:strings.password,nameText:strings.name,phoneNoText:strings.phone,addressText:strings.address,lineIdText:strings.line,loading:false };

}
render() {
const { navigate } = this.props.navigation;
return (

<ImageBackground
source={require('./images/marble.jpg')}
style={styles.backgroundImage}>
<KeyboardAwareScrollView>
<View style={styles.container}>
<Spinner visible={this.state.loading} textContent={"Loading..."} textStyle={{color: '#FFF'}} />
<Image style = {styles.logoFit} resizeMode="contain"  source={require('./images/Logo1.png')}/>
<View>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.loginText }
onChangeText={(textInputValue1) => this.setState({loginText:textInputValue1})} keyboardType='email-address' ></TextInput>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.pwdText}
onChangeText={(textInputValue2) => this.setState({pwdText:textInputValue2})}></TextInput>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.phoneNoText}
onChangeText={(textInputValue) => this.setState({phoneNoText:textInputValue})}></TextInput>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.nameText}
onChangeText={(textInputValue) => this.setState({nameText:textInputValue})}></TextInput>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.addressText}
onChangeText={(textInputValue) => this.setState({adressText:textInputValue})}></TextInput>
<TextInput clearTextOnFocus={true} style={styles.textInput} value={this.state.lineIdText}
onChangeText={(textInputValue) => this.setState({lineIdText:textInputValue})}></TextInput>

</View>
<View style={styles.buttonSection}>
<TouchableOpacity onPress = {this.onSignup}>
<View style = { styles.donebutton}>
<Text style = {{color: 'white'}}>{strings.signup}</Text>
</View>
</TouchableOpacity>
</View>
</View>
</KeyboardAwareScrollView>
</ImageBackground>

);
}
}

在这个方向上的任何帮助都会很大。

Answer 1

问题可能是您设置了TextInput的属性value。如果设置了value，它将覆盖您尝试在其中写入的所有内容。应改用defaultValue属性。

更新清除文本是已知问题，但它被标记为已修复。如果您仍然遇到问题，请尝试 https://github.com/nikolaiwarner/react-native-text-input-reset