javascript - 使用 React-navigation 的 React Native 中的模态窗口

Question

我在React Native中使用react-navigation，我想在启动时确定用户是否已登录，如果他/她已经登录，我想打开一个模式窗口(全屏)。

如何最好地做到这一点？我在 react 导航文档中找不到有条件显示屏幕的任何内容。

Answer 1

看，您需要更改导航的模式。

const RootStack = StackNavigator(
  {
    Main: {
      screen: MainStack,
    },
    MyModal: {
      screen: ModalScreen,
    },
  },
  {
    mode: 'modal',
    headerMode: 'none',
  }
);

您可以run this code here

截图:

引用文献:

• Opening a full-screen modal
• NavigatorConfig` props