我的文本输入在焦点后直接反应原生模糊答案

【问题标题】：My textinput in react native blurs directly after focus我的文本输入在焦点后直接反应原生模糊
【发布时间】：2016-04-12 03:34:25
【问题描述】：

我在 react-native 中有两种形式。其中一个工作完美，另一个（在另一个组件中）有一个错误。获得焦点时，表单中的TextInputs 会保持模糊。

我制作的视频（见下面的 gif）显示，每当我点击输入时，它都会获得焦点，然后立即模糊。

输入代码（现在带有调试）：

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

【问题讨论】：

标签： react-native uitextinput

【解决方案1】：

我找到了答案......我很困惑为什么它是答案，但我们开始吧：

显然，当您在 TabBarIOS 组件内渲染 TextInput 并在选项卡上设置 selected={true} 时，将无法在 TextInputs 中键入内容。我不知道为什么。我在true 上有这个，以便在构建视图时不必每次都单击选项卡。我想我会以不同的方式设置默认值:)

【讨论】：

【解决方案2】：

我刚刚遇到了同样的问题。就我而言，问题是我的 TextInput 是 <TouchableWithoutFeedback onPress={Keyboard.dismiss}> 的孩子。一起移除这个组件解决了这个问题。

【讨论】：

【解决方案3】：

**安装

安装 React 导航

npm install react-navigation
安装依赖项

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
安装 React 导航堆栈

npm install react-navigation-stack @react-native-community/masked-view

【讨论】：