使用keyboard .dismiss()在任何时候解散键盘。

你可以像下面这样从react-native导入键盘:

import { Keyboard } from 'react-native';

在你的代码中可以是这样的:

render() {
    return (
      <TextInput
        onSubmit={Keyboard.dismiss}
      />
    );
  }

静态解散() 解散活动键盘并移除焦点。

有很多方法可以处理这个问题，上面的答案不包括returnType，因为它当时不包括在react-native中。

1:你可以通过在ScrollView中包装你的组件来解决这个问题，默认情况下，如果我们按下某个地方，ScrollView会关闭键盘。但如果你想使用ScrollView但禁用此效果。你可以使用pointerEvent道具来scrollView pointerEvents = 'none'。

2:如果你想关闭键盘按钮按下，你可以使用键盘从反应本机

import {Keyboard} from 'react-native' 在那个按钮的onPress里面，你可以使用keyboard .dismiss()'。

3:你也可以在点击键盘上的返回键时关闭键盘， 注意:如果你的键盘类型是数字，你将没有返回键。 你可以通过给它一个道具returnKeyType来启用它。 或者你可以使用onSubmitEditing={键盘。当我们按回车键时，它就会被调用。如果你想在失去焦点时忽略键盘，你可以使用onBlur prop, onBlur = {keyboard .dismiss}

将TextInput的父组件View包装到一个可压组件中，然后传递Keyboard。解散到onPress道具。因此，如果用户点击TextInput字段之外的任何地方，它将触发键盘。导致TextInput字段失去焦点，键盘被隐藏。

<Pressable onPress={Keyboard.dismiss}>
  <View>
    <TextInput
      multiline={true}
      onChangeText={onChangeText}
      value={text}
      placeholder={...}
     />
   </View>
</Pressable>

简单的答案是使用ScrollView而不是View，并将scrollable属性设置为false(尽管可能需要调整一些样式)。

这样，当我敲击其他地方时，键盘就会消失。这可能是react-native的一个问题，但点击事件似乎只被ScrollViews处理，这导致了上述行为。

编辑:感谢jllodra。请注意，如果你直接点击到另一个文本输入，然后在外面，键盘仍然不会隐藏。

使用keyboard .dismiss()在任何时候解散键盘。