React-native Keyboard.dismiss 在使用时关闭键盘

Question

我正在尝试在 TouchableWithoutFeedback 元素内部使用 Keyboard.dismiss() 并且出于某种原因，无论我将此 TouchableWithoutFeedback 元素放在哪里，当点击 TextInput 之外的区域时键盘不会关闭，但是当点击键盘本身？ 为什么会发生这种情况，我该如何解决。 ps 它在不同的项目上运行良好

给 Stack Overflow 工作人员的消息：我的许多线程因为“不清楚”而被锁定，尽管我对每个线程都非常彻底 不要锁定此线程

代码：

return (
<TouchableWithoutFeedback onPress={Keyboard.dismiss()}>
<View style={styles.mainView}>

  <View style={styles.topSearchView}>
    <Image source={require("../../assets/NewSearchIcon.png")} style={styles.searchIcon} />
    <TextInput
      placeholder="Search for food you like..."
      onChangeText={searchedCoursesHandler}
      value={searchedCourses}
      onFocus={() => { setInputBorderOnFocus(true) }}
      style={{
        borderColor: inputBorderOnFocus === true ? "#428463" : "grey",
        borderWidth: 2,
        width: 260,
        height: 50,
        marginLeft: 10,
        fontSize: 18,
        padding: 5,
        borderRadius: 8,
        fontSize: 16
      }}
    />
    <TouchableOpacity
      onPress={() => { setSearchedCourses("") }}
      style={styles.deleteInputTouchable}
    >
      <Image source={require("../../assets/newXicon.png")} style={styles.xButtonIcon} />
    </TouchableOpacity>
  </View>

   


  <View style={styles.flatListView}>
    <FlatList
      data={searchedCourses}
      renderItem={({ item }) => (
        <TouchableOpacity
          onPress={() => {
            navigation.navigate('item profile', {
              item: item,
            });
          }}
        >
          <View style={styles.flatListItemView}>
            <Image source={{ uri: item.img }} style={styles.flatListImg} />
            <Text>{item.name}</Text>
            <Text>{item.price}$</Text>
          </View>
        </TouchableOpacity>
      )}
      horizontal={true}
    />
  </View>



  {
    searchedCourses.length < 1 &&
    <Image source={require("../../assets/NewPastaImage.png")} style={styles.pastaIcon} />
  }


</View>
</TouchableWithoutFeedback>

);

enter code here

Answer 1

更改此<TouchableWithoutFeedback onPress={Keyboard.dismiss()} >

进入这个

<TouchableWithoutFeedback onPress={() => Keyboard.dismiss()}>