javascript - createSwitchNavigator-TypeError : Cannot call a class as a function

Question

我在尝试将 createSwitchNavigator() 插入 createAppContainer() 时收到此错误消息。

TypeError: Cannot call a class as a function

我的代码 - router.js

export const RootNavigator = (signedIn = false) => {
  return createSwitchNavigator(
    {
      SignedIn: {
        screen: SignedIn
      },
      SignedOut: {
        screen: SignedOut
      }
    },
    {
      initialRouteName: signedIn ? "SignedIn" : "SignedOut"
    }
  );
};

export const createRootNavigator = createAppContainer(RootNavigator());

索引.js

import { createRootNavigator } from "./router";

/**/

const Layout = createRootNavigator(signedIn);

引用:https://github.com/datomnurdin/auth-reactnative

Answer 1

您正在尝试将一个函数返回给createAppContainer，但它需要一个create*Navigator

的实例

要么用作

export const RootNavigator = createSwitchNavigator(
    {
      SignedIn: {
        screen: SignedIn
      },
      SignedOut: {
        screen: SignedOut
      }
    },
    {
      initialRouteName: signedIn ? "SignedIn" : "SignedOut"
    }
  )

或

export const createRootNavigator = createAppContainer(RootNavigator());

编辑

用于调用 createRootNavigator 作为方法

export function createRootNavigator (signedIn) {
  return createAppContainer(RootNavigator(signedIn));
}

index.js

const Layout = createRootNavigator(signedIn);