允许点击/按项目,同时专注于 React Native 中的文本输入



我有一个TextInput,可以作为某些结果的搜索/过滤器。结果将显示在ScrollView中。

我遇到的问题是,当状态在TextInputfocus时,用户必须点击两次才能在ScrollView中选择项目(这是一个TouchableOpacity)。

第一次点击关闭键盘和blur,第二次点击选择项目。对于我的特定情况,这不是理想的用户体验......我不确定是否有办法解决它。

有没有办法在TextInput处于focus状态时使项目可选,以避免选择项目的双击过程?

您可以通过ScrollViewkeyboardShouldPersistTaps道具控制ScrollView关于点击和键盘关闭的行为。

对于您所描述的行为,最合适的选项是alwayshandled。这两个选项都允许ScrollView的孩子在不自动关闭键盘的情况下接收触摸,不同之处在于handled选项将允许ScrollView接收触摸,以防它没有被任何其他可触摸组件捕获并在这种情况下关闭键盘。

相关内容

  • 没有找到相关文章