如何解决如何为不同的用户创建单独的导航抽屉:React Navigation v5
AdminDrawer =>帐户,仪表板,注销
UserDrawer =>个人资料,联系人,登录名
- 当用户成功从Firebase登录时,它将显示“管理员抽屉”
- 如果不从Firebase登录,它将显示“用户抽屉” 例如“ foodpanda抽屉”
解决方法
我认为它是同一抽屉,但是我们将检测用户登录的可变支票
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>
);
}
with isSignedIn是通过redux或上下文传递的属性。由你决定
两个对您有帮助的文档
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。