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

Question

使用带有 react native 的 tcomb-form-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(),
            },
          },