Javascript text按操作以移动下一节

我正在为我的应用程序工作，在其登录屏幕中，我希望用户从

用户名文本输入

至

密码文本输入

当用户按下

输入

按钮时

class Login extends Component {  
    constructor(){ 
        super();        
        this.state = {
            username : "",
            password: "",
            isLoading : false       }   }

    render() {          

        return (
                 <View>

                    <TextInput
                        placeholder="Username"
                        onChangeText={ (text)=> this.setState({username: text}) }
                        autoCorrect = {false}                   
                    />
                    <TextInput
                        secureTextEntry={true}
                        placeholder="Password"
                        onChangeText={ (text)=> this.setState({password: text}) }

                    />
                 </View>
                );    } }

类登录扩展组件{
构造函数（）{
超级（）；
此.state={
用户名：“”，
密码：“”，
isLoading:false}
render（）{
返回(
this.setState（{username:text}）
自动更正={false}
/>
this.setState（{password:text}）}
/>
);    } }

---

我怎样才能做到这一点？我使用React native

我认为React native不支持IMEOptions，因此您可以尝试在文本输入中设置

multiline=false

这里有一个解决方案

this.username=input}
onSubmitEditing={（）=>this.password.focus（）}
onChangeText={（text）=>this.setState（{username:text}）}
自动更正={false}
/>
this.password=input}
onChangeText={（text）=>this.setState（{password:text}）}
/>

哇，谢谢你，先生。它允许用户进入密码文本输入。

                <TextInput
                    placeholder="Username"
                    ref={(input)=> this.username=input}
                    onSubmitEditing={() => this.password.focus()}
                    onChangeText={ (text)=> this.setState({username: text}) } 
                    autoCorrect = {false}                   
                />
                <TextInput
                    secureTextEntry={true}
                    placeholder="Password"
                    ref={(input)=>this.password=input}
                    onChangeText={ (text)=> this.setState({password: text}) }

                />
             </View>