Comment passer au champ de saisie suivant avec tcomb-form-native ?

Question

En utilisant la bibliothèque tcomb-form-native avec react native - j'ai défini le type de clé de retour comme étant next . Comment mettre en œuvre le comportement tab/suivant pour qu'il se concentre sur le champ suivant du formulaire ?

Answer 1

Je peux remplacer le onSubmitEditing de l'objet "options" du formulaire pour mettre l'accent sur le champ suivant du formulaire.

      ref={(c) => { this.loginForm = c; }}
      options={{
          fields: {
            email: {
              autoCapitalize: 'none',
              keyboardType: 'email-address',
              error: 'Invalid email',
              returnKeyType: 'next',
              onSubmitEditing: () => this.loginForm.getComponent('password').refs.input.focus(),
            },
            password: {
              password: true,
              secureTextEntry: true,
              error: 'Invalid password',
              onSubmitEditing: () => this.submit(),
            },
          },