react-native - 如何使用 tcomb-form-native 切换到下一个输入字段？

Question

将 tcomb-form-native 库与 react native 结合使用 - 我已将返回键类型设置为 next。我如何实现制表符/下一个行为，以便它专注于表单中的下一个字段？

Answer 1

我可以覆盖表单中选项对象的 onSubmitEditing 属性，专门将焦点设置在下一个表单字段上。

      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(),
            },
          },