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

Question

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

我遇到的问题是，虽然TextInput 上的状态为focus，但用户必须轻按两次才能选择ScrollView 中的项目（TouchableOpacity）。

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

有没有办法在 TextInput 处于 focus 状态时使项目可选择，以避免选择项目的两次点击过程？

Answer 1

您可以通过ScrollView 的keyboardShouldPersistTaps 属性控制ScrollView 关于点击和键盘关闭的行为。

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