javascript - 如何在 native 登录屏幕后设置导航

Question

如何在 native 登录屏幕后设置导航

这是我的导航页面

我尝试了以下步骤，但找不到解决方案。

const TabNavigator = createBottomTabNavigator ({
  Home:{screen:Login},
  Create:{screen:Register}
  },{
    tabBarOptions:{
      activeTintColor:'white',
      activeBackgroundColor:'#FF4A83',
      inactiveTintColor:'black',
      inactiveBackgroundColor:'#FE739F',
      labelStyle:{
        fontSize:16,
        padding:10,
      }
    }
  });
  const Navigation = createStackNavigator({
    dashboard:{screen:dashboard}
  })
export default createAppContainer(TabNavigator , Navigation);

这是我的登录页面。

export default class Login extends Component{
  constructor(props) {
    super(props)
    this.state = {
      username: '',
      password: '',
    }
    this._login = this._login.bind(this);
  }
   navigationOptions = {
    tabBarLabel: 'Login',
  }
  _login(){

    if(this.state.username=='shankar' && this.state.password=='12345'){
    //  alert('Successfully login')
    this.props.navigation.navigate('dashboard')
}else{
      alert('Login or Password incorrect')
    }
  }
  render(){
    return(

   ....
)}

提前致谢..!!

Answer 1

尝试在堆栈导航器中添加选项卡 TabNavigator。像这样的东西

const Navigation = createStackNavigator({ 选项卡导航器， 仪表板:{屏幕:仪表板} })

导出默认的createAppContainer(Navigation);