在React Native项目中，当唤起键盘后点击键盘旁边的按钮不执行点击事件的问题，可以通过调整ScrollView的keyboardShouldPersistTaps属性来解决。
·
问题描述：
在React Native项目中，当唤起键盘后点击键盘旁边的按钮，不会立即触发按钮的点击事件，而是收起键盘并触发TextInput的Blur事件。
问题原因：
当使用ScrollView包裹页面或组件时，若ScrollView的keyboardShouldPersistTaps属性设置为默认值never，则会出现点击TextInput以外的子组件（如发布按钮）时，软键盘收起但子元素不执行点击事件的情况。FlatList组件也是相同问题。
解决方案：
设置为always：将keyboardShouldPersistTaps属性设置为always时，键盘不会自动收起，滚动视图也不会捕捉点击事件，但子组件可以捕获点击事件。这种方式适用于希望用户在输入时保持键盘打开状态，同时能够点击其他按钮或链接的场景。
设置为handled：将keyboardShouldPersistTaps属性设置为handled时，当点击事件被子组件捕获时，键盘会自动收起（如果子组件没有阻止这一行为）。这种方式适用于希望用户在点击按钮等操作时自动收起键盘的场景。
注意事项：
在选择always或handled时，需根据实际应用场景和用户体验需求进行权衡。
如果问题仍未解决，可能需要检查其他可能影响点击事件的因素，如触摸事件的传播、组件的层级关系等。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)