次のテキストを移動するには反応ネイティブの入力

Question

私はReact Native 0.48.4を使用しています。 次のTextInputの選択方法は？私は「refが」あなたのTextInputコンポーネントにコールバックする変数を割り当て、

まず、このコードの下に、それは私のために働いていない

<TextInput 
    returnKeyType={'next'} 
    secureTextEntry={true} 
    style={styles.textBox} 
    keyboardType = 'number-pad' 
    maxLength = {1} 
    autoFocus={true} 
    blurOnSubmit={true} 
    onSubmitEditing={(event) => { 
    this.refs.SecondInput.setFocus(); 
    }} 
    onChange={this.onChangePassCode} 
    onChangeText={(passCode) => this.setState({passCode})} 
/> 
<TextInput 
    ref='SecondInput' 
    returnKeyType='next' 
    secureTextEntry={true} 
    style={styles.textBox} 
    keyboardType = 'number-pad' 
    maxLength = {1} 
    blurOnSubmit={false} 
    onChange={this.onChangePassCode} 
    onChangeText={(passCode) => this.setState({passCode})} 
/> 

Answer 1

で典型的なユースケースのログインとパスワードを以下に示す試してください。 注： 'ref'は廃止された直接変数ではなく、コールバック関数になりました。は今

<TextInput 
    keyboardType='email-address' 
    returnKeyType='next' 
    onSubmitEditing={() => this.passwordRef.focus()} 
    onChangeText={(email) => this.setState({email})} 
/> 

<TextInput 
    ref={passwordRef => this.passwordRef = passwordRef} 
    returnKeyType='done' 
    autoCorrect={false} 
    onChangeText={(password) => this.setState({password})} 
/> 

以下に示すようTextInputのことを集中し、これらのドキュメントを読み、しようと反応するネイティブ https://reactjs.org/docs/refs-and-the-dom.html#the-ref-callback-attribute