如何解决如何获取当前导航状态 react-navigation V4 React-Native
我正在使用来自 https://reactnavigation.org/docs/**4.x**/screen-tracking 的 React Navigation 的 Stack Navigator,但这仅适用于 onNavigationStateChange。最初,当应用程序启动时,我想获取屏幕名称/当前组件名称
import { createAppContainer,createStackNavigator } from 'react-navigation';
function getActiveRouteName(navigationState) {
if (!navigationState) {
return null;
}
const route = navigationState.routes[navigationState.index];
if (route.routes) {
return getActiveRouteName(route);
}
return route.routeName;
}
const AppNavigator = createStackNavigator(AppRouteConfigs);
const AppContainer = createAppContainer(AppNavigator);
export default class App extends React.Component {
componentDidMount() {
/********Getting the initial route name here**********/
}
render() {
return (
<AppContainer
onNavigationStateChange={(prevstate,currentState,action) => {
const currentRouteName = getActiveRouteName(currentState);
const prevIoUsRouteName = getActiveRouteName(prevstate);
if (prevIoUsRouteName !== currentRouteName) {
console.log('Current Component is - ' + currentRouteName);
}
}}
/>
);
}
}
有人可以帮助在 4.x 版的初始启动中获取当前屏幕或组件名称
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。