这是最简单的方法

import {Keyboard} from 'react-native'

然后使用函数Keyboard.dismiss()

这是所有。

下面是我代码的截图，这样你可以更快地理解。

现在用TouchableWithoutFeedback和onPress函数来包装整个视图是keyboard。dismiss()

下面是一个例子

这样，如果用户点击屏幕上的任何地方，不包括textInput字段，键盘将被解散。

我们可以在没有react-native反馈的情况下使用keyboard和tochable

const DismissKeyboard = ({ children }) => (
  <TouchableWithoutFeedback
    onPress={() => Keyboard.dismiss()}
  >
    {children}
  </TouchableWithoutFeedback>
);

并这样使用它:

const App = () => (
  <DismissKeyboard>
    <View style={styles.container}>
      <TextInput
        style={styles.input}
        placeholder="username"
        keyboardType="numeric"
      />
      <TextInput
        style={styles.input}
        placeholder="password"
      />
    </View>
  </DismissKeyboard>
);

我还在这里用源代码进行了解释。

在ScrollView中使用

keyboardShouldPersistTaps="handled" 

这个可以帮到你。

有很多方法可以处理这个问题，上面的答案不包括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}

使用react-native中的KeyBoard API就可以了。

import { Keyboard } from 'react-native'

// Hide the keyboard whenever you want using !
Keyboard.dismiss()

Keyboard.dismiss()就会这样做。但有时它可能会失去焦点，键盘将无法找到ref。最一致的方法是将ref=_ref放到textInput中，当你需要解除时执行_ref.blur()，当你需要恢复键盘时执行_ref.focus()。