我正在运行最基本的选项卡栏导航
example from the react-navigation docs
实例选项卡导航器有三个屏幕(提要、更新和配置文件)。我可以在屏幕之间滑动或按Tab键在屏幕之间导航。
-
问题是:
-
假设我在第一屏(主屏)
-
触摸屏幕进行滑动,然后记住
在得到建议之前,不要放开手指
.
-
向左滑动以导航到第二个屏幕(更新屏幕)。
不要放开手指
.
-
在到达第二个屏幕之前,向右滑回(一直滑到屏幕末端或直到tab指示器回到第一个屏幕)以返回第一个屏幕。还
不要放开手指
.
-
现在,再次尝试向左滑动以导航到第二个屏幕(更新屏幕)。
它无法再次向左滑动到第二个屏幕(更新屏幕)
.
问题的关键在于:
重新设置到屏幕时,似乎已禁用刷卡。这只发生在第一个选项卡和最后一个选项卡(最左侧和最右侧屏幕)上。在实际设备和模拟器上进行了测试。
而且,它没有
过扫效应
当到达屏幕边缘时。
-
预期行为
当我的手指在触摸时,我期待着在我从第一屏向左滑动到第二屏,然后向右滑动回到第一屏之后,我可以再次向左滑动导航到第二屏。
工作示例:
从上面的例子可以看出,它有
过扫效应
。此外,我可以从1屏向左滑动到第2屏,再向右滑动到第1屏,直到到达屏幕边缘,然后再向左滑动到第2屏。
-
如何繁殖
-
如上所述。
-
反应导航材料顶部选项卡示例应用程序
Snack
-
版本
-
@react导航/native^5.9.4
-
@反应导航/材料顶部选项卡^5.3.15