React native 反应本机自定义TextInput对象在每个字符后失去焦点

React native 反应本机自定义TextInput对象在每个字符后失去焦点,react-native,textinput,React Native,Textinput,我遇到了一个问题,文本输入在输入字符后失去焦点。它只发生在我的自定义TextInput对象中。键入每个字符后,键盘将被取消,我必须重新选择对象以恢复键盘 我只在安卓手机上运行过这段代码。我不知道iOS是如何工作的 我已经浏览了这个网站和其他网站上的许多帖子,但我找不到任何可以保持关注的东西 在下面的代码中,我包含了2个TextInput对象。一个是我的自定义对象MyTextInput。另一个是通用TextInput对象。当文本输入到通用模式中时,一个焦点不会丢失,键盘也不会关闭。在自定义模式中,

我遇到了一个问题,文本输入在输入字符后失去焦点。它只发生在我的自定义TextInput对象中。键入每个字符后,键盘将被取消,我必须重新选择对象以恢复键盘

我只在安卓手机上运行过这段代码。我不知道iOS是如何工作的

我已经浏览了这个网站和其他网站上的许多帖子,但我找不到任何可以保持关注的东西

在下面的代码中,我包含了2个TextInput对象。一个是我的自定义对象MyTextInput。另一个是通用TextInput对象。当文本输入到通用模式中时,一个焦点不会丢失,键盘也不会关闭。在自定义模式中,一个焦点丢失,键盘消失

任何帮助都会得到报答

import React,{Component,useState}来自'React';
进口{
看法
文本,
文本输入,
按钮
样式表,
}从“反应本机”;
常数形式=()=>{
const[values,setValues]=useState({email:,a::});
const MyTextInput=({valueVar,name,type,onChange})=>{
返回(
onChange({name,type,text})}
/>
);
};
常量handleChange=(事件)=>{
常量{name,type,text}=event;
setValues({…值,[名称]:文本})
}
常量handleChangeTI=(文本)=>{
setValues({…values,a:text})
}
返回(
电子邮件
文本输入框
);      // 返回
};      //  常数
导出默认表单;
const styles=StyleSheet.create({
集装箱运输方式:
{
flexDirection:“列”,
对齐项目:“居中”,
为内容辩护:“中心”,
弹性:1,
背景颜色:“白色”,
},
文本样式:
{
颜色:“绿色”,
身高:30,
宽度:200,
尺码:18,
},
文本输入样式:
{
颜色:'黑色',
身高:40,
宽度:200,
边框宽度:1,
边框颜色:“红色”,
背景颜色:“灰色”,
textDecorationLine:“无”,
尺寸:15,
},

})
您的
MyTextInput
组件将在每次键入内容时重新创建和呈现。将函数移动到新文件或
表单
组件之外

import React,{Component,useState}来自'React';
进口{
看法
文本,
文本输入,
按钮
样式表,
}从“反应本机”;
const MyTextInput=({valueVar,name,type,onChange})=>{
返回(
onChange({name,type,text})}
/>
);
};
常数形式=()=>{
const[values,setValues]=useState({email:,a::});
常量handleChange=(事件)=>{
常量{name,type,text}=event;
setValues({…值,[名称]:文本})
}
常量handleChangeTI=(文本)=>{
setValues({…values,a:text})
}
返回(
电子邮件
文本输入框
);//返回
};      //  常数
导出默认表单;
const styles=StyleSheet.create({
集装箱运输方式:
{
flexDirection:“列”,
对齐项目:“居中”,
为内容辩护:“中心”,
弹性:1,
背景颜色:“白色”,
},
文本样式:
{
颜色:“绿色”,
身高:30,
宽度:200,
尺码:18,
},
文本输入样式:
{
颜色:'黑色',
身高:40,
宽度:200,
边框宽度:1,
边框颜色:“红色”,
背景颜色:“灰色”,
textDecorationLine:“无”,
尺寸:15,
},
});