登录后如何隐藏底部导航（React Native）

Question

我现在正在学习 React Native，如果他们已经登录并且无法返回登录，我有案例如何隐藏按钮导航 activity？我之前做了一些逻辑，但总是错误，我该如何解决？谢谢

这是我的代码

 const Icon = async () => {
    if (label === "Home") return isFocused ? <HomeActive /> : <HomeDeactive />
    if (label === "Posts") return isFocused ? <PostActive /> : <Post />
    if (await isAuthenticated() !== null) {
        return isFocused ? <HomeActive /> : <HomeDeactive />
    }
    if (label === "Accounts") return isFocused ? <AccountActive /> : <Account />
    if (label === "Remas") return isFocused ? <MosqueActive /> : <Mosque />
    return <HomeDeactive />
}

Answer 1

我的回答将基于我认为你在问什么，因为你的问题目前似乎还不清楚。

因此，React Native 中的登录流程就像

首先，您将状态保持为 isUserlogged: false，该状态最初为 false。
用户通过点击登录按钮或其他方式进入您的应用程序的登录页面，如果 isUserLogged 为 false，您只允许用户通过检查 Redux 状态或异步存储进入登录页面，无论您将状态。
用户输入他们的凭据并登录
现在，您将它们路由到另一个屏幕并重置此屏幕，即堆栈中的登录屏幕。因此，他们无法按 phone 中的后退按钮返回登录屏幕。

在 React 导航中，您可以按照以下 link 进行操作：

您可以使用状态 isUserLogged 来隐藏底部标签。

登录后如何隐藏底部导航（React Native）

how to hide buttom navigation after login (React Native)

navigation

authentication

react-native