使用 react-native-maps 时如何关闭键盘？

【问题标题】：How to dismiss keyboard when using reat-native-maps?使用 react-native-maps 时如何关闭键盘？
【发布时间】：2020-07-05 21:32:31
【问题描述】：

当我有一个全屏 MapView (react-native-maps) 时，关闭键盘的最佳方式是什么，其中 TextInput 覆盖在屏幕顶部附近。

如果用户开始在键盘中输入内容，但随后在MapView 上拖动，我希望关闭键盘。

【问题讨论】：

【解决方案1】：

在您的地图视图中

添加这个

<MapView>
  onPress = {() => {Keyboard.dismiss();}}
  onRegionChange = {() => {Keyboard.dismiss();}}
</MapView>

onPress 会在你按下地图时关闭键盘 OnRegionChange 将在您移动地图时关闭键盘

记得像这样从 react-native 导入键盘

import {Keyboard} from 'react-native';

【讨论】：

【解决方案2】：

你需要做的是在mapView的拖动中调用一个函数，比如：

import { Keyboard } from 'react-native'

onNavigateToMaps = () => {

Keyboard.dismiss();
navigate('Maps');
}

希望有帮助。如有疑问，请随意

【讨论】：

【解决方案3】：

随便用

import { Keyboard } from 'react-native'

Keyboard.dismiss()// Hide keyboard

【讨论】：