在 app.js 中导航到 appcontainer 外部

Question

当前行为

我使用反应导航 v4x undefined 不是对象 navigation.discpatch

预期行为

我想在 appcontainer 中导航登录页面 `

export default class App extends Component {
  constructor(props) {
    super(props);
    this.state = {isFirstLaunch: false, hasCheckedAsyncStorage: false};
    const myRef = createRef();
  }

  onPressLogin() {
    this.navigator.dispatch(
      NavigationActions.navigate({ routeName: 'Login' })
    );
  }
  async componentDidMount() {
    const isFirstLaunch = await checkIfFirstLaunch();
    this.setState({isFirstLaunch, hasCheckedAsyncStorage: true});
  }

  render() {
    const {hasCheckedAsyncStorage, isFirstLaunch} = this.state;

    if (!hasCheckedAsyncStorage) {
      return null;
    }
    return isFirstLaunch ? (
      <EntryInfo onPress={this.onPressLogin} />
    ) : (
      <AppContainer
        ref={nav => {
          setTopLevelNavigator(nav);
          this.navigator = nav;
        }}
      />
    );
  }
}`

软件版本安卓 反应导航 4.4.0 反应导航堆栈 2.8.2 反应原生 0.62.2

Answer 1

在导航之前确保导航器存在。它适用于 m

function setTopLevelNavigator(navigatorRef) {
if(navigatorRef)
{
   navigator = navigatorRef;
}
  
}

function navigate(routeName, params) {
  if(navigator && routeName){
   navigator.dispatch(
    NavigationActions.navigate({
      routeName,
      params,
    })
  );
  }
  
}

// add other navigation functions that you need and export them

export default {
  navigate,
  setTopLevelNavigator,
};