我正在尝试跟踪react-native-firebase上的屏幕名称以及react-navigation。
这是我的代码。
const tracker = firebase.analytics()
function getCurrentRouteName(navigationState) {
if (!navigationState) {
return null;
}
const route = navigationState.routes[navigationState.index];
// dive into nested navigators
if (route.routes) {
return getCurrentRouteName(route);
}
return route.routeName;
}
export default class AppNavigation extends Component {
render() {
StatusBar.setBarStyle('light-content');
return (
<MainScreenNavigator
onNavigationStateChange={(prevState, currentState) => {
const currentScreen = getCurrentRouteName(currentState);
const prevScreen = getCurrentRouteName(prevState);
if (prevScreen !== currentScreen) {
// the line below uses the Google Analytics tracker
// change the tracker here to use other Mobile analytics SDK.
tracker.setCurrentScreen(currentScreen);
}
}}
/>
);
}
}
当我控制台登录屏幕名称时,它们会根据需要显示。但是,我没有在Firebase控制台中看到结果。当我按名称过滤屏幕时,它只是说(未设置)。我在代码中做错了吗?我也从'react-native-firebase'导入firebase。
答案 0 :(得分:3)
上面的代码是可靠的。事实证明,在填充数据之前,您必须等待大约半天。不确定我是否错过了文档中的内容。如果你正在使用react-navigation和firebase,这段代码就可以了!