次のプレスで次の入力をフォーカスする方法

Question

私は実際これを知っていますが、私は別のアプローチが必要です。
は、だから私は持っているように、テキスト入力：

<TextInput returnKeyType='next' 
      ref={ref => this.someName = ref} 
      onSubmitEditing={(event) => { this.nextFieldName.focus() }}/> 

トリックは、私は次のフィールドのために特定の名前を使用したくないが、任意にフォーカスする場合は、単純に次の焦点を当てるということですが。
これは可能ですか？

<TextInput returnKeyType='next' 
     onSubmitEditing={(event) => { this.someName.focus() }} 
/> 

<TextInput returnKeyType='next' 
     ref={ref => this.someName = ref} 
/> 

Answer 1

それはビット幅の広いあなたの質問です：

Answer 2

はあなたがnextを押すと、これは次の入力を中心に説明する方法で、その後2 textInputsがあるとします。あなたがもっと詳細を述べるなら、私は助けてもいいかもしれませんが、今は私に例を挙げましょう。

マッピングしてフォームを作成するデータの配列があるとします。

const data = [ 
    { 
    type: 'text', 
    value: 'name' 
    }, 
    { 
    type: 'text', 
    value: 'surname' 
    }, 
    { 
    type: 'number', 
    value: 'age' 
    } 
]; 

は今、我々は上と別のフィールドは、我々は、フォームの焦点を合わせるか、提出することができますが存在するかしない場合であるフィールドを知っているので、データ今

data.map((field, index) => { 
    return (
    <TextInput 
     type={field.type} 
     value={this.state[field.value]} 
     ref={(ref) => this.refs[index] = ref} 
     onSubmitEditing={() => this.onSubmitEditing(index)} 
    /> 
); 
}); 

を反復処理することができます。

onSubmitEditing = (index) => { 
    if (data.length <= (index + 1)) { 
    this.refs[index + 1].focus(); 
    } else { 
    // no input to move 
    // submit form 
    } 
}