嘿我正在尝试使用react-native-router-flux获取当前场景键. 我的路线档案: const AppRouter = connect()(Router)class Routes extends Component { render() { function selector(props) { console.log(props) // GoogleAnalytics.tra
我的路线档案:
const AppRouter = connect()(Router) class Routes extends Component { render() { function selector(props) { console.log(props) // GoogleAnalytics.trackView(props.navigationState) return props.auth.isLoggedIn ? (props.auth.isVerified? 'home': 'authenticate') : 'authenticate' } const component = connect(state => ({ auth: state.auth, }))(Switch) return ( <AppRouter> <Scene key="root" component={component} tabs selector={selector} hideNavBar hideTabBar> <Scene key="authenticate" hideTabBar> <Scene type="replace" key="login" title="Login" initial component={GradientBackground(LoginScreen)} hideNavBar/> <Scene type="replace" key="register" component={GradientBackground(RegisterScreen)} hideNavBar/> <Scene type="replace" key="forgotPassword" title="forgotPassword" component={GradientBackground(ForgotPasswordScreen)} hideNavBar/> <Scene type="replace" key="emailConfirmation" component={GradientBackground(EmailConfirmationScreen)} hideNavBar/> </Scene> <Scene key="home" component={NavigationDrawer} type="replace"> {require('./scenes/home')} </Scene> </Scene> </AppRouter> ) } } export default Routes
你可以看到我正在尝试将当前的场景名称发送到谷歌分析进行跟踪,但我似乎无法获得当前显示的场景键,任何想法?
我最终实现了一个中间减速器:const AppRouter = connect()(Router) class Routes extends Component { render() { let catchInitialState = false function selector(props) { return props.auth.isLoggedIn ? (props.auth.isVerified? 'home': 'authenticate') : 'authenticate' } const reducerCreate = params => { const defaultReducer = Reducer(params) return (state, action) => { if(action.type == 'RootContainerInitialAction') { catchInitialState = true } if(catchInitialState && action.type != 'RootContainerInitialAction') { GoogleAnalytics.trackScreenView(action.scene.sceneKey) catchInitialState = false } if(action.type == 'REACT_NATIVE_ROUTER_FLUX_REPLACE') { GoogleAnalytics.trackScreenView(action.key) } return defaultReducer(state, action) } } const component = connect(state => ({ auth: state.auth, }))(Switch) return ( <AppRouter createReducer={reducerCreate}> <Scene key="root" component={component} tabs selector={selector} hideNavBar hideTabBar> <Scene key="authenticate" hideTabBar> <Scene type="replace" key="login" initial component={GradientBackground(LoginScreen)} hideNavBar/> <Scene type="replace" key="register" component={GradientBackground(RegisterScreen)} hideNavBar/> <Scene type="replace" key="forgotPassword" component={GradientBackground(ForgotPasswordScreen)} hideNavBar/> <Scene type="replace" key="emailConfirmation" component={GradientBackground(EmailConfirmationScreen)} hideNavBar/> </Scene> <Scene key="home" component={NavigationDrawer} type="replace"> {require('./scenes/home')} </Scene> </Scene> </AppRouter> ) } } export default Routes