单击登录后如何响应本机如何添加底部标签菜单

Question

我对本机反应是陌生的，我对路由/导航感到困惑。基本上，我有4个屏幕，分别是Login，Register，Home和Links。 Register和Login已设置。我使用了stackNavigator，以便用户单击是否要注册。但是，当我单击登录时，我想将用户重定向到具有选项卡菜单或容器的Home屏幕。该代码的当前输出是，当我注册时，可以通过按我输入的文本来返回登录名。成功登录后，有人可以向我显示或提供一些有关如何执行底部选项卡的链接吗？

我当前的输出在这里https://imgur.com/a/9lsHCe6

我利用了组件中的onPress={()=>{navigation.navigate('Route')}}功能来切换屏幕。

这是我的一些代码：

AppNavigation.js

import { createStackNavigator } from 'react-navigation-stack'
import Register from '../screens/RegisterScreen'
import Login from '../screens/LoginScreen'

const AppNavigation = createStackNavigator(
  {
    Login: { screen: Login},
    Register: { screen: Register },
  },
  {
    initialRouteName: 'Login',
    headerMode: 'none'
  }
)
export default AppNavigation

AuthNavigation.js

import { createStackNavigator } from 'react-navigation-stack'
import Login from '../screens/LoginScreen'
const AuthNavigation = createStackNavigator(
  {
    Login: { screen: Login },
  },
  {
    initialRouteName: 'Login',
  }
)
export default AuthNavigation

index.js（位于./navigation/index.js内部）

import { createSwitchNavigator, createAppContainer } from 'react-navigation'
import AuthNavigation from './AppNavigation'
import AppNavigation from './AppNavigation'

const SwitchNavigator = createSwitchNavigator(
  {
    Auth: AuthNavigation,
    App: AppNavigation
  },
  {
    initialRouteName: 'Auth',
  }
)
const AppContainer = createAppContainer(SwitchNavigator)
export default AppContainer

App.js

export default function App() {
    return (
      <AppContainer />
    );
  }
}

我的当前目录

我在这里遵循身份验证模式https://heartbeat.fritz.ai/how-authentication-flow-works-in-react-native-apps-using-react-navigation-4-x-a30bb4d9e5d6

Answer 1

在onPress上尝试此语法

onPress={()=> this.props.navigation.navigate('Register')}

您的问题：成功登录后如何做底部标签？

创建家庭组件

成功登录后就可以

if(login is successfully){
  this.props.navigation.navigate('Home');
}