如何使用tcomb-form-native选项卡到下一个输入字段?

时间:2017-05-01 19:53:05

标签: react-native tcomb-form-native

使用tcomb-form-native库和native native - 我将返回键类型设置为next。如何实现制表符/下一个行为,使其专注于表单中的下一个字段?

1 个答案:

答案 0 :(得分:3)

我可以覆盖表单中选项对象的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(),
            },
          },