时间戳

首页 > 解决方案 > 无法输入 TextInput

react-native - 无法输入 TextInput

问题描述

export default class SignUp extends Component {

render() {
        const {Username, Password, signUpSuccessful} = this.state
        return (
            <KeyboardAvoidingView behavior = 'padding' style = {styles.container}>
                <TextInput
                    style = {styles.textInput}
                    placeholder = "Username"
                    onChangeText = {this.UpdateUsername}
                    //maxLength = {20}
                    value = {this.state.Username.value}
                />
                <TextInput
                    style = {styles.textInput}
                    placeholder = "Password"
                    onChangeText = {this.UpdatePassword}
                    maxLength = {20}
                    value = {this.state.Password.value}
                />

我刚开始使用 react-native，并不真正了解 TextInput 的工作原理，谁能告诉我为什么我无法输入 TextInput 字段？

我正在尝试创建一个登录页面以将用户的用户名和密码存储在 firebase 数据库中，尚未创建存储代码。我试图让我的 TextInput 字段首先正常工作。在我为它们添加行之前它能够更早地工作value，但现在将它们注释掉并不会将它们返回到可用状态，所以我怀疑错误可能来自代码的其他方面，但我不确定什么可以成为问题，因为到目前为止代码非常简单。

如果您需要查看代码的其他部分，请告诉我，因为这只是其中的一个片段。

标签： react-native

解决方案

设法弄清楚，这KeyboardAvoidingView是导致问题的原因，但不知道为什么，只是暂时使用View。

推荐阅读