تحديد حقل الإدخال التالي بعد الضغط على زر React Native - Next

قومي بتعيين تركيز  emailInput الثاني ، عند تشغيل  passwordInput السابق للدالةـ onSubmitEditing

أولا  قومي بإضافة Ref للحقل الثاني 

<TextInput
   ref={(input) => { this.passwordInput = input; }}
   style = {styles.passwordInput}          
   maxLength = {10}
   placeholder = "كلمة المرور"
/>

بعد ذلك إستخدمي الدالة onSubmitEditing للتنصت على حدث الضغط على next في الحقل الأول:

<TextInput
    placeholder = "البريد الالكتروني"
    returnKeyType="next"
    onSubmitEditing={() => { this.passwordInput.focus(); }}
    blurOnSubmit={false}
    style = {styles.emailInput}
    autoFocus = {true}
   
/>

يمكنك استخدام  react-native-autofocus

npm install react-native-autofocus

هذه المكتبة تعمل على التركيز التلقائي على حقل الإدخال التالي عند الإدخال 

import { Form, TextInput } from 'react-native-autofocus'

export default () => (
  <Form>
    <TextInput placeholder="test" />
    <TextInput placeholder="test 2" />
  </Form>
)