无法导航到另一个屏幕反应原生

Question

我正在使用axios的原生反应。当我点击登录按钮时，它应该重定向到主屏幕，但它不起作用。当我用Privatescreen（）替换它时;警报（'成功登录'。）;它已成功登录msg，但使用privatescreen（）;它给出了“无效的用户名或密码”信息。这是我在login.js中的handleLogin的代码：

import React, { Component } from 'react';
import axios  from 'axios';
import PrivateScreen from './getonAuthscreen';
    handleLogin = () => {
          const{ username, password } = this.state;
          if(username && password){
            axios
            .post('http://192.168.X.X:3000/user/login', {
              username,
              password,
            })
            .then(response =>{
               PrivateScreen();
        }).catch (()=>{
          alert('Invalid Username or password.');
        });
        // return alert('you may pass');
        }else{
        alert('Please check username and password correctly.');   } };

这是homescreen.js的代码：

import React from 'react';
import {
  View,Text
} from 'react-native';



class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Welcome to the app!',
  };

  render() {
    return (
      <View>
      <Text>TESTSTST</Text>
      </View>
    );
  }


}
export default HomeScreen;

和getonAuthscreen.js的代码

   import { createSwitchNavigator, createStackNavigator, createAppContainer } from 'react-navigation';
import HomeScreen from './HomeScreen';

// Implementation of HomeScreen, OtherScreen, SignInScreen, AuthLoadingScreen
// goes here.

const startSingleScreenApp = createStackNavigator(
  { HomeScreen: HomeScreen,
   }
   );
//const AuthStack = createStackNavigator({ SignIn: SignInScreen });

export default createAppContainer(createSwitchNavigator(
  {
    App: startSingleScreenApp,
  },

));

Answer 1

尝试从反应导航中跟踪Auth流。 Example

export default createAppContainer(createSwitchNavigator(
  {
    App: AppStackNavigator,
    Auth: AuthStack,
  },
  {
    initialRouteName: 'Auth',
  },
));

this.props.navigation.navigate(userToken ? 'App' : 'Auth');