当我有一些用于 authFlow 的 AsyncStorage 项时，我想移动到不同的屏幕，但是当我转到下一个屏幕并且构造正在调用该函数时，它不会移动到下一个屏幕。

我尝试使用基本方法 this.props.navigation.navigate('navigator_name')，但我认为它没有移动，因为出现了空白屏幕。

App.js
------
import React from 'react';
import { StyleSheet, View, Text } from 'react-native';

import { createSwitchNavigator, createAppContainer, } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack';

import AuthLoadingScreen from './screens/auth-loading-screen';
import WelcomeScreen from './screens/welcomeScreen';
import AppHomeScreen from './screens/app-home-screen';

const AuthStackNavigator = createStackNavigator({
  welcome: WelcomeScreen
})

// export default 
const TestContainer = createAppContainer(createSwitchNavigator({
    AuthLoading: AuthLoadingScreen,
    Auth: AuthStackNavigator,
    App: AppHomeScreen,
  },
  {
    initialRouteName: 'AuthLoading',
  }
))

export default class App extends React.Component {
  constructor () {
    super()
    this.state = {
      loggedIn: 'false',
    }
  }

  render() {
    return(
      <View style={styles.container}>
        <TestContainer />
      </View>
    )
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});


auth-loading-screen
-------------------
import React, { Component } from 'react';
import { View, Text, StyleSheet, ActivityIndicator, AsyncStorage } from 'react-native';

export default class AuthLoadingScreen extends Component {

    constructor (props) {
        super(props);
        console.log('calling _loadApp')
        this._loadApp();
    }

    _loadApp = async() => {
        const userToken = await AsyncStorage.getItem('userToken');
        console.log('getting value of token ', userToken, JSON.stringify(this.props.navigation.actions))
        this.props.navigation.navigate(userToken ? 'App' : 'Auth')
    }

   render() {
        return (
            <View style={styles.container}>
                <ActivityIndicator />
            </View>
        )
    }
}

const styles = StyleSheet.create ({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    }
})

welcomeScreen
-------------
import React, { Component } from 'react';
import { View, Text, StyleSheet, Button} from 'react-native';

export default class WelcomeScreen extends Component {
    constructor (props) {
        super(props);
    }
   render() {
        return (
            <View style={styles.container}>
                <Text>Welcome</Text>
            </View>
        )
    }
}

const styles = StyleSheet.create ({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center'
    }
})

由于未通过 AsynStorage 设置项，因此屏幕应直接移动到 welcomeScreen