如何在 React Navigation 中禁用向后滑动选项或弹出路线？

Posted 2023-04-13

【中文标题】如何在 React Navigation 中禁用向后滑动选项或弹出路线？

【英文标题】：How to Disable back swipe option or pop a route in React Navigation?

【发布时间】：2017-11-14 08:17:31

【问题描述】：

我有一个登录页面（StackNavigator）和一个标签页（TabNavigator）。

export const Root = StackNavigator(
  LoginScreen: screen: Login,
  Tabs: screen: Tabs
,
  
  initialRouteName: 'LoginScreen'
  
)

在用户登录后，用户仍有可能通过向后滑动返回（到登录页面）。从路由堆栈弹出登录路由或禁用后滑动选项的方法是什么。谢谢

【参考方案1】：

发送reset action 而不是正常的导航发送。这样您就可以在登录后将堆栈设置为您希望的状态，并从堆栈中删除您的LoginScreen。

相关答案示例：

Resetting the navigation stack for the home screen (React Navigation and React Native) Reset navigation history to Login screen using react navigation

【讨论】：

感谢大量资源，帮了大忙。