在React Native中专注于TextInput时允许点击/按下项目

Question

我有一个TextInput，可以对某些结果进行搜索/过滤。结果显示在ScrollView中。

我遇到的问题是，focus上的状态为TextInput时，用户必须轻按两次才能在{中选择项目（即TouchableOpacity） {1}}。

第一次点击将关闭键盘和ScrollView，第二次点击将选择项目。对于我的特定情况，这不是理想的用户体验……而且我不确定是否有解决方法。

有没有一种方法可以使blur处于TextInput状态时可以选择一个项目，从而避免两次轻按选择项目的过程？

Answer 1

您可以通过ScrollView的{​​{1}}道具来控制keyboardShouldPersistTaps关于敲击和键盘关闭的行为。

最适合您描述的行为的选项是ScrollView或always。这两个选项都将允许handled的孩子在不自动关闭键盘的情况下接收触摸，不同之处在于ScrollView选项将使handled接收触摸，以防万一。在这种情况下，不会被任何其他可触摸的组件抓住并关闭键盘。