你好,我使用React Native的TextInput组件,并且有一个眼睛选项来查看或隐藏密码。当我将secureTextEntry设置为true并在输入框中键入另一个字符时,它会清除所有以前的数据并只输入该字符。
以下是我的代码:
<TextInput
ref={ref => this._password = ref}
style={[style.greyTextStyle, style.textinputStyle]}
placeholder={strings.PASSWORD}
secureTextEntry={this.state.securepass}
placeholderTextColor={color.GREY_TEXT_COLOR}
underlineColorAndroid='transparent'
value={this.state.password}
onChangeText={(text) => { this.setState({ password: text }) }} />
点击眼睛按钮可以切换输入框的显示方式
showPassword() {
this.setState({ securepass: !this.state.securepass });
if (this.state.securepass == false) {
this.setState({ passIcon: 'eye' })
} else {
this.setState({ passIcon: 'eye-off' })
}
}
请帮忙。