React native 我在react native中的文本输入在聚焦后直接模糊

React native 我在react native中的文本输入在聚焦后直接模糊,react-native,uitextinput,React Native,Uitextinput,我有两种形式。其中一个工作正常,另一个(在另一个组件中)有一个bug。当获得焦点时,表单中的TextInputs会一直模糊 我制作的视频(见下面的gif)显示,每当我点击输入时,它就会聚焦,然后立即模糊 输入的代码(现在带有调试): console.log('I blur')} onFocus={()=>console.log('I focus')} 自动对焦={true}style={styles.textInput}/> 我找到了答案。。。我不明白为什么这是答案,但我们来看看: 显然,当您

我有两种形式。其中一个工作正常,另一个(在另一个组件中)有一个bug。当获得焦点时,表单中的
TextInput
s会一直模糊

我制作的视频(见下面的gif)显示,每当我点击输入时,它就会聚焦,然后立即模糊

输入的代码(现在带有调试):

console.log('I blur')}
onFocus={()=>console.log('I focus')}
自动对焦={true}style={styles.textInput}/>

我找到了答案。。。我不明白为什么这是答案,但我们来看看:

显然,当您在
TabBarIOS
组件中呈现
TextInput
并且在选项卡上设置
selected={true}
时,将无法输入TextInputs。我不知道为什么。我在
true
上设置了此选项,以便在构建视图时不必每次都单击选项卡。我想我只需要将默认设置改为:)

**安装

  • 安装React导航

    npm安装反应导航

  • 安装依赖项

    expo install react native手势处理程序react native reanimated react native screens react native safe area context@react native community/masked view

  • 安装React导航堆栈

    npm安装react导航堆栈@react本地社区/屏蔽视图


  • 我只是遇到了同样的问题。在我的例子中,问题是我的TextInput是
    的孩子。将此组件一起删除修复了此问题

    <TextInput value={group.name}
        blurOnSubmit={false}
        onBlur={() => console.log('I blur')}
        onFocus={() => console.log('I focus')}
        autoFocus={true} style={styles.textInput} />