You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Navigation material-top-tabs 首尾页面滑动回退后无法再次滑动切换问题

我运行的是react-navigation官方文档中最基础的Tab栏导航示例,该tab导航器包含Feed、Updates、Profile三个页面,支持滑动切换或点击tab标签切换页面。

遇到的问题

  1. 初始处于第1个页面(首页)
  2. 触摸屏幕开始滑动,请注意在提示前请勿松开手指
  3. 向左滑动前往第2个页面(更新页),全程不要松开手指
  4. 在完全进入第2页前向右滑动返回第1页(滑到屏幕边缘或tab指示器回到第1页即可),全程仍不松开手指
  5. 此时再次尝试向左滑动跳转至第2页,会发现无法正常左滑跳转

该问题看起来是页面回退复位后滑动功能被禁用,仅出现在第一个和最后一个tab(最左、最右页面)上,真机和模拟器均可复现,且页面触达边缘时没有over-swiping效果。

预期行为

在手指未松开的前提下,从第1页左滑到第2页过程中再右滑返回第1页后,应当可以再次左滑进入第2页。正常效果存在over-swiping效果,且支持上述连续滑动切换的操作。

复现方式

  1. 按上述操作步骤执行即可复现
  2. 可在Snack上直接运行官方示例复现

涉及版本

  • @react-navigation/native ^5.9.4
  • @react-navigation/material-top-tabs ^5.3.15

内容的提问来源于stack exchange,提问作者Kakar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.18 05:36:04