首页 > 解决方案 > React Native 身份验证流程

问题描述

此文档中的文档身份验证流程
,如果isSignIntrue,它将导航到Home。如果isSignInfalse,它将导航到SignIn
如果想更改 中的值,我可以做什么isSignInHomeScreen这是我的代码

const App=()=>{
    const [isLogin, setIsLogin]=useState(false)
    return (
        <NavigationContainer>
            {isLogin?
                <tabStack.Navigator>
                    <tabStack.Screen name="home" component={HomeScreen}/>
                </tabStack.Navigator>
                :
                <Stack.Navigator screenOptions={{headerTitleAlign:'center'}}>
                    <Stack.Screen name="login" component={LoginScreen} options={{headerShown:false, setIsLogin:setIsLogin}} setIsLogin={setIsLogin}/>
                    <Stack.Screen name="register" component={RegisterScreen} options={{headerShown:false}}/>
                </Stack.Navigator>
            }
        </NavigationContainer>
    )
}

AppRegistry.registerComponent(appName, () => App);

我怎样才能isLogin改变LoginScreen

标签: react-native

解决方案


我使用 redux,如果您有任何问题,请不要犹豫,您会在我的 gitlab 上找到有关身份验证的完整项目。

https://gitlab.com/darksh3ll/learn-react-navigation-v5


推荐阅读