从第一个屏幕滑动到第二个屏幕并返回到第一个屏幕后无法向后滑动

时间:2021-06-06 14:18:42

标签: react-native react-navigation

我正在运行最基本的标签栏导航 example from the react-navigation docs 示例。选项卡导航器具有三个屏幕(Feed、Updates 和 Profile)。我可以在屏幕之间滑动或按选项卡在屏幕之间导航。

  • 问题:

    1. 假设我在第一个屏幕(主屏幕)
    2. 触摸屏幕进行滑动,并记住在得到建议之前不要松开手指
    3. 向左滑动以导航到第二个屏幕(更新屏幕)。 不要松开手指
    4. 在到达第二个屏幕之前,向右滑动(一直到屏幕末尾或直到标签指示符返回到第一个屏幕)以返回到第一个屏幕。仍然不要松开手指
    5. 现在再次尝试向左滑动以导航到第二个屏幕(更新屏幕)。 它无法再次向左滑动到第二个屏幕(更新屏幕)

    问题的 GIF:enter image description here

    重新设置回屏幕时似乎禁用了滑动。这只发生在第一个选项卡和最后一个选项卡上(最左边和最右边的屏幕)。已在实际设备和模拟器上进行测试。

    此外,当到达屏幕边缘时,它没有过度滑动效果

  • 预期行为

    我期待手指触摸时,从第一个屏幕向左滑动到第二个屏幕,然后向右滑动回到第一个屏幕,我可以再次向左滑动以导航到第二个屏幕。

    工作示例:enter image description here

    从上面的示例中可以看出,它具有过度滑动效果。另外,我可以从第一个屏幕向左滑动到第二个屏幕,再次向右滑动回到第一个屏幕直到我到达屏幕边缘,然后再次向左滑动到第二个屏幕。

  • 如何复制

    1. 如上所述。
    2. Snack 上响应导航材料顶部标签示例应用
  • 版本

    1. @react-navigation/native ^5.9.4
    2. @react-navigation/material-top-tabs ^5.3.15

0 个答案:

没有答案