导航多个屏幕后反应导航无法导航到上一个屏幕

Question

场景：

1. 导航：屏幕“StoreCategories” --> 屏幕“QRScanner”
2. 在屏幕 'QRScanner' 重定向到屏幕 'StoreCategories' 时的后按完美运行
3. 导航：屏幕“QRScanner”-->屏幕“选项”和
4. 导航：屏幕“选项”-->再次屏幕“QRScanner”
5. 在屏幕“QRScanner”上单击返回，再次重定向到屏幕“StoreCategories”

不重定向到之前的屏幕“选项”。

一切都发生在 react-navigation 中的默认返回功能，我没有使用任何自定义功能进行返回功能。

如何解决它并从重定向发生时导航到上一个而不是 react-navigation(V2) 中已经缓存的屏幕？

const StackNavigator = defaultRoute =>
createStackNavigator(
{
  CustomerLogin: {
    screen: CustomerLogins
  },
  MerchantLogin: {
    screen: MerchantLogin
  },
  Profile: {
    screen: Profile
  },
  OtpVerification: {
    screen: OtpVerification
  },
  StoreOffers: {
    screen: StoreOffers
  },
  StoreCategories: {
    screen: StoreCategories
  },
  QRScanner: {
    screen: QRScanner
  },
  MerchantHome: {
    screen: MerchantHome
  },
  CustomerHome: {
    screen: CustomerHome
  },
  ThankYou: {
    screen: ThankYou
  },
  Detail: {
    screen: Detail
  },
  Options: {
    screen: Options
  },
  PayOnline: {
    screen: PayOnline
  },
  PayCash: {
    screen: PayCash
  },
  PayTm: {
    screen: PayTm
  },
  Token: {
    screen: Token
  },
  AddDiscount: {
    screen: AddDiscount
  },
  CustomerHistory: {
    screen: CustomerHistory
  },
  Webview: {
    screen: Webview
  },
  Direction: {
    screen: Direction
  }
},
{
  initialRouteName: defaultRoute
}
);

Answer 1

如果您想导航到后屏，可以使用以下代码：

this.props.navigation.goBack()

通过导航到Main，它将重定向到Main的初始路线，它似乎是A

Answer 2

当前 React-Navigation 的导航功能的工作方式与以前的工作方式有些不同。目前，如果您导航到已经在屏幕堆栈中的屏幕，系统将返回到该屏幕（删除当前屏幕和该屏幕之间的其他屏幕将被删除），而不是简单地将新屏幕添加到堆栈中。

如果您想使用旧系统样式，可以使用 push 代替 navigate。这只会简单地添加到堆栈中，而不是返回到最后一个（如果存在于堆栈中）。

所以而不是使用

const {navigate} = navigation;
navigate(nextScreen, params);

你使用

const {push} = navigation;
push(nextScreen, params);