Javascript 自动对焦在react native formik上不起作用

我正在使用和创建表单。我正在使用我的自定义组件进行formik表单中的文本输入

我的自定义组件代码：

//导入语句。。。
类FormInput扩展组件{
焦点=（）=>{this.textInputField.focus（）；}
render（）{
const{props}=this；
返回(
{this.textInputField=ref}}
样式={{高度：50，边框宽度：1，边距：5}}
/>  
)
}
}
导出默认FormInput

然后，我根据以下代码创建表单：

const FormInput2=compose(
handleTextInput，
使用下一步输入自动聚焦
)（信息输入）；
const Form=withNextInputAutoFocusForm（视图）；

然后我创建了原始表单，如下所示：

{ }}
validationSchema={signUpValidationSchema}
render={（{values，handleChange，errors，setfieldtoucted，toucted，isValid，handleSubmit}）=>(
setFieldTouched（'firstName'）}
/>
{moucted.firstName&&errors.firstName&&(
{errors.firstName}
)}
{/* 
...
...
其他领域
*/}
)}
/>

但是，我正在对每个字段键盘返回类型执行

操作。如果我按done，那么表单提交方法将触发

谁能帮我实现自动对焦吗

我还尝试按如下方式导出自定义组件，但它也不起作用：

使用FormikControl导出默认值（FormInput）
如果任何人也有相同的错误，那么下面是解决方案

自定义组件应具有
名称
属性，并且组件的顺序应与
初始值
相同

表示如果
初始值
，如下所示：

initialValues={{firstName:''，lastName:''，电子邮件：''，电话：''，密码：''，确认密码：'}

然后首先应该是
firstName
字段，然后是
lastName
，
email
等等

所以我在自定义组件中添加了
name
prop，并进行了自动对焦

setfieldtouch（'firstName'）}
/>
{
toucted.firstName&&errors.firstName&&(
{errors.firstName}
)
}
setFieldTouched（'lastName'）}
/>
{
toucted.lastName&&errors.lastName&&(
{errors.lastName}
)
}