React native 如何为不同用户创建单独的导航抽屉：React navigation v5

AdminDrawer=>帐户、仪表板、注销

UserDrawer=>配置文件、联系人、登录

当用户从firebase成功登录时，它将显示“管理员抽屉”

当不从firebase登录时，它将显示“用户抽屉” 比如“食物盘抽屉”

---

我认为它是同一个抽屉，但我们将检测到变量check用户登录

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        {isSignedIn ? (
          <>
            <Drawer.Screen name="Account" component={Account} />
            <Drawer.Screen name="Dashboard" component={Dashboard} />
            <Drawer.Screen name="logout" component={logout} />
          </>
        ) : (
          <>
            <Drawer.Screen name="Profile" component={SignInScreen} />
            <Drawer.Screen name="Contact" component={SignUpScreen} />
            <Drawer.Screen name="Login" component={Login} />
          </>
        )}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

const Drawer=createDrawerNavigator（）；
导出默认函数App（）{
返回(
{伊西涅丁(
) : (
)}
);
}

with isSignedIn是通过redux或context传递的属性。由你决定

两份文件对你很有帮助

---

我认为它是同一个抽屉，但我们将检测到可变的签入用户登录

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator>
        {isSignedIn ? (
          <>
            <Drawer.Screen name="Account" component={Account} />
            <Drawer.Screen name="Dashboard" component={Dashboard} />
            <Drawer.Screen name="logout" component={logout} />
          </>
        ) : (
          <>
            <Drawer.Screen name="Profile" component={SignInScreen} />
            <Drawer.Screen name="Contact" component={SignUpScreen} />
            <Drawer.Screen name="Login" component={Login} />
          </>
        )}
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

const Drawer=createDrawerNavigator（）；
导出默认函数App（）{
返回(
{伊西涅丁(
) : (
)}
);
}

with isSignedIn是通过redux或context传递的属性。由你决定

两份文件对你很有帮助

---

我如何将其与firebase连接，以及redux如何处理登录道具，您可以提供更多详细信息。Anh设备这是一个与firebase进行身份验证的示例，如我的回答，您可以使用该示例了解，然后尝试使用redux。我想更改抽屉项目，而不是在同一抽屉中的屏幕，如下图所示props.navigation.navigate（'DashboardScreen'）}icon={（）=>}/>我有很多文件无法在这里共享我想要像“food panda”这样的抽屉如果您有任何示例或链接，我可以理解您是否查看了上面的2个链接？我如何将其与firebase连接，以及redux如何处理登录道具，您可以提供更多详细信息。Anh设备这是一个与firebase进行身份验证的示例，就像我的答案一样，您可以通过该示例了解，然后尝试使用reduxI更改抽屉项目不在同一抽屉中显示，如下面的props.navigation.navigate（'DashboardScreen'）}icon={（）=>}/>我有很多文件无法在这里共享，我希望抽屉类似“food panda”，如果您有任何示例或链接，我可以理解，您是否查看了上面的2个链接？