使用 React Navigation 从模态屏幕刷新后无法返回

Question

假设我有一个 TabNavigator。在屏幕中，我可以导航到模式屏幕（全屏模式 => 它位于 TabNavigator 堆栈之外）并返回，但是，如果我在模式屏幕 (F5) 中刷新浏览器，我将无法回去。返回按钮消失。

我什至可以使用 Expo init 打字稿选项卡式默认项目重现它。

描述问题的视频：https://recordit.co/4PULNdWRPT

代码：https://github.com/MADSENSE/Madsense.ReactNative.Sample/tree/master

有人知道如何解决这个问题/任何解决方法吗？

Answer 1

这是您在浏览网络应用程序时所期望的。不管是谁，您都可以强制显示图标并手动导航到您想要的任何位置。

示例：

<Stack.Screen
  name="..."
  component={...}
  options={navigation => ({
    headerLeft: props => <IconComponent onPress={navigation.navigate("...")} />,
  })}
/>

此外，您必须通过名称导航到屏幕 navigation.navigate("...")，因为您无法判断用户从何处转到您的屏幕。