打开抽屉时如何隐藏键盘答案

【问题标题】：How to hide keyboard while open the drawer打开抽屉时如何隐藏键盘
【发布时间】：2021-10-07 04:28:48
【问题描述】：

我想在打开抽屉时隐藏键盘，但是当我运行应用程序时它只是打开抽屉而不关闭键盘。这是我的代码

useLayoutEffect(() => {

        navigation.setOptions({
            headerTitleAlign:'center',
            headerLeft:() =>(
                /*open drawer and dismiss keyboard*/
                <TouchableWithoutFeedback onPress={() =>{Keyboard.dismiss;navigation.openDrawer()}}>
                    <View style={styles.menuIcon}>
                        <MaterialIcon name="menu" size={30} />
                    </View>
                </TouchableWithoutFeedback>
            ),

我该如何解决？

【问题讨论】：

应该是Keyboard.dismiss() 而不是Keyboard.dismiss
@JavascriptHuppTechnologies 非常感谢你

标签： react-native react-navigation

【解决方案1】：

dismiss 是一种方法。你必须这样称呼它：

Keyboard.dismiss();

因此，使用以下代码更改您的代码：

useLayoutEffect(() => {
  navigation.setOptions({
    headerTitleAlign:'center',
    headerLeft:() =>(
      /*open drawer and dismiss keyboard*/
      <TouchableWithoutFeedback
        onPress={() =>{
          Keyboard.dismiss(); //Call it
          navigation.openDrawer()
        }}
      >
        <View style={styles.menuIcon}>
            <MaterialIcon name="menu" size={30} />
        </View>
      </TouchableWithoutFeedback>
    ),
  })
})

更多详情here

【讨论】：