javascript - 我怎样才能知道我在react-navigation 5中当前的路线？

Question

我正在使用这个https://reactnavigation.org/docs/en/navigating-without-navigation-prop.html要从任何来源访问我的导航，我的文件如下所示:

import { createRef } from 'react';

export const navigationRef = createRef();

export function navigate(name, params) {
  return navigationRef.current?.navigate(name, params);
}

export function goBack() {
  return navigationRef.current?.goBack();
}

export function getRootState() {
  return navigationRef.current?.getRootState();
}

这非常适合我的 @navigation/drawer，它位于我的堆栈导航之外。

只有一个问题是最后一个方法未同步，我希望在我的项目菜单上有一个事件状态，即当前路线。

React navigation 5 怎么可能做到这一点？

Answer 1

我使用以下方法来获取react-navigation v5中的当前路由名称。 https://reactnavigation.org/docs/navigation-prop/#dangerouslygetstate

const {index, routes} = this.props.navigation.dangerouslyGetState();
const currentRoute = routes[index].name;
console.log('current screen', currentRoute);