React native 如何从内部组件ReactNative调用App.js?

React native 如何从内部组件ReactNative调用App.js?,react-native,react-navigation,React Native,React Navigation,我正在使用StackNavigator加载在App.js中使用react native tab navigator创建的选项卡栏。我在Tabbar里有一个视图。如何从该视图导航回App.js App.js import { StackNavigator } from 'react-navigation'; const SigninSignup = StackNavigator({ Signup: { screen: Signup }, Signin: { screen: Signin

我正在使用StackNavigator加载在App.js中使用react native tab navigator创建的选项卡栏。我在Tabbar里有一个视图。如何从该视图导航回App.js

App.js

import { StackNavigator } from 'react-navigation';

const SigninSignup = StackNavigator({
  Signup: { screen: Signup },
  Signin: { screen: Signin },
});

 render() {
        if (this.state.condition) {
          return (<Tabbar />);
        } else {
          return (<SigninSignup />);
        }
    }

但是获取未定义的错误并不是一个评估“this.props.navigation”的对象。

您的导航层次结构以SigningUp navigator开始

由于您的组件正在根据this.state.condition呈现导航器或选项卡栏,因此您不能只导航到另一个屏幕

您可以将选项卡栏和SigninSignup导航器移动到一个新的根导航器中,并使用该导航器在所有内容之间导航,或者向选项卡栏提供一个函数来更改条件的值:

 const { navigate } = this.props.navigation;
 navigate('Signin', {});
<Tabbar onSomething={() => this.setState({condition: !this.state.condition})} />