Question

我正在使用createStackNavigator。我有三个屏幕：A，B和C

在过渡期间，屏幕B被两次使用。我使用这种表示法：

B(1)：我们第一次使用某些参数转到屏幕B

B(2)：我们第二次使用不同参数进入屏幕B

考虑此过渡：

A --> B(1) --> C --> B(2)

当前行为：

当我从屏幕A过渡到B(1)，从B(1)过渡到C时，每次出现新屏幕时，动画都会从右到左。但是，当我从C转到B(2)时，新屏幕从从左到右出现。（问题1）

当我在B(2)上并使用navigation.goBack()时，我看到了A（但是我当然想看到C）（问题2）

预期行为：

当我从C过渡到B(2)时，新屏幕必须从从右向左出现（与以前的转换一样）

当我在B(2)上并使用navigation.goBack()时，我必须看到C

System:
    OS: macOS 10.15.3
    CPU: (4) x64 Intel(R) Core(TM) i5-5257U CPU @ 2.70GHz
    Memory: 246.99 MB / 8.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.13.1 - ~/.nvm/versions/node/v12.13.1/bin/node
    npm: 6.12.1 - ~/.nvm/versions/node/v12.13.1/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 28, 29
      Build Tools: 28.0.3, 29.0.2
      System Images: android-28 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5977832
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0
    react-native: https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz => 0.61.4
    "react-navigation": "^4.3.7",
    "react-navigation-stack": "^1.10.3",

Answer 1

要解决“在我从C到B（2）过渡时，新屏幕必须从右向左显示（就像以前的过渡一样）”，请使用此代码进行导航：

// this pushes B into the stack insted of navigating to B
() => navigation.push('B')

此“当我在B（2）上并使用navigation.goBack（）时，我必须看到C”将已得到修复，因为使用导航的push insted堆栈顺序是正确的。因此，您的堆栈预览屏幕将为C。

反应导航（4.x版）：切换到同一屏幕

1 个答案: