React Navigation material-top-tabs 首尾页面滑动回退后无法再次滑动切换问题
我运行的是react-navigation官方文档中最基础的Tab栏导航示例,该tab导航器包含Feed、Updates、Profile三个页面,支持滑动切换或点击tab标签切换页面。
遇到的问题
- 初始处于第1个页面(首页)
- 触摸屏幕开始滑动,请注意在提示前请勿松开手指
- 向左滑动前往第2个页面(更新页),全程不要松开手指
- 在完全进入第2页前向右滑动返回第1页(滑到屏幕边缘或tab指示器回到第1页即可),全程仍不松开手指
- 此时再次尝试向左滑动跳转至第2页,会发现无法正常左滑跳转
该问题看起来是页面回退复位后滑动功能被禁用,仅出现在第一个和最后一个tab(最左、最右页面)上,真机和模拟器均可复现,且页面触达边缘时没有over-swiping效果。
预期行为
在手指未松开的前提下,从第1页左滑到第2页过程中再右滑返回第1页后,应当可以再次左滑进入第2页。正常效果存在over-swiping效果,且支持上述连续滑动切换的操作。
复现方式
- 按上述操作步骤执行即可复现
- 可在Snack上直接运行官方示例复现
涉及版本
@react-navigation/native ^5.9.4@react-navigation/material-top-tabs ^5.3.15
内容的提问来源于stack exchange,提问作者Kakar
相关产品推荐
相关产品推荐

