我的textinput在焦点后直接反应原生模糊

Question

我有两种反应原生的形式。其中一个完美，另一个（在另一个组件中）有一个bug。获得焦点时，表单中的TextInput会模糊不清。

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

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

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

Answer 1

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

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

Answer 2

**安装

1. 安装React导航

   npm install react-navigation

2. 安装依赖项

   expo install react-native-gesture-handler react-native-anianiated react-native-screens react-native-safe-area-context @ react-native-community / masked-view

3. 安装React导航堆栈

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

Answer 3

我刚刚遇到了同样的问题。就我而言，问题是我的 TextInput 是 import AudioKitPlaygrounds import AudioKit let file = try AKAudioFile(readFileName: "3.aac") //: Set up a player to the loop the file's playback var player = AKPlayer(audioFile: file) player.isLooping = true player.buffering = .always AKManager.output = player try AKManager.start() player.setPosition(player.duration - 2) player.play(at: AVAudioTime.now()) // player loops between player.duration - 2, player.duration forever. I want it to loop between 0, player.duration import PlaygroundSupport PlaygroundPage.current.needsIndefiniteExecution = true 的孩子。删除此组件一起解决了问题。