Question

您好我想为pin代码制作4个输入，一切都很好，我想添加功能，因此我们在Field1中编写numer，它将我们带到Field2等。这是我的代码：

输入组件：

 InputComponent = ({ input, meta, ...rest }) => (
    <Input {...rest} keyboardType="numeric" maxLength={1} value={input.value} onChangeText={input.onChange} />
  );

形式：

<Form style={styles.form}>
    <View style={styles.inputs}>
        <Field style={styles.input} name="pin1" component={this.InputComponent} placeholder="*" secureTextEntry />
        <Field style={styles.input} name="pin2" component={this.InputComponent} placeholder="*" secureTextEntry />
        <Field style={styles.input} name="pin3" component={this.InputComponent} placeholder="*" secureTextEntry />
        <Field style={styles.input} name="pin4" component={this.InputComponent} placeholder="*" secureTextEntry />
    </View>
</Form>

Answer 1

这里你可以做的是使用Ref来解决你的问题

这里

<FormInput
 ref='forminput'
 textInputRef='email'
 ...
 />

您应该能够访问 this.refs.forminput.refs.email.focus（）等参考。对于每个signle输入。

使用焦点将根据ref关注特定输入这里有一个参考文献，其中有关于redux格式REDUX_FORM

的示例

React Native + Redux Form - 在maxLength上转到下一个字段

1 个答案: