reactjs 如何关闭键盘并在单击中处理可触摸的按键- React Native

k4ymrczo  于 2023-06-29  发布在  React
关注(0)|答案(1)|浏览(94)

我有以下简化的React Native代码:

<ScreenContainer>
  <View>
    <TextInput
      value={query}
      onChangeText={handleInputChange}
      autoFocus={true}
      onSubmitEditing={() => {}}
    />
  </View>

  <SafeAreaView>
    <FlatList
      data={results.length > 0 ? results : null}
      keyExtractor={(item) => item.id}
      renderItem={({ item }) => (
        <View>
          <TouchableOpacity onPress={() => handlePress(item)}>
            // Some other text
          </TouchableOpacity>
        </View>
      )}
    />
  </SafeAreaView>
</ScreenContainer>

TextInput是一个搜索栏,可以动态更改Flatlist中的项目。Flatlist中的每个项目都呈现一个TouchableOpacity。很简单
目前,当搜索结果出现时,我点击TouchableOpacity,需要按2次才能注册handlePress事件:按1键可解除键盘,按下1键可实际处理按键。
有谁知道如何处理新闻界和解散键盘在1按?也许我应该使用不同的组件或以不同的方式构建我的jsx

elcex8rz

elcex8rz1#

您正在查找keyboardShouldPersistTaps属性。

相关问题