react-native-router-flux，如何獲取當前的場景密鑰

Question

嘿，我試圖在使用react-native-router-flux時獲取當前場景密鑰。

我的路線文件：

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 

，你可以看到我在嘗試發送當前場景名稱，谷歌的跟蹤分析，但我似乎無法能夠得到當前顯示的場景的關鍵，有任何想法嗎？

Answer 1

我最終實現中央減速：

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