React Native Router Flux/Redux를 사용하여 경로 (장면) 보호

Question

현재 로그인하지 않은 사용자는 항상 로그인 페이지로 보내야합니다. Redux를 사용하여 현재 사용자 ID를 저장하므로 그게 문제가 아니야. 주요 문제는 내가 라우터 파일에 어떤 수표를 넣든 관계없이 앱이 탐색 할 때 모든 페이지를 보여줍니다. 어떤 도움이라도 대단히 감사하겠습니다.

<Router sceneStyle={{ paddingTop: 65 }}> 
    <Scene 
    key="splash" 
    component={Splash} 
    title="App" 
    timeout={500} 
    nextScene={'main'} 
    initial 
    /> 

    <Scene key="auth" > 
    <Scene key="login" component={LoginForm} title="Please Login" /> 
    </Scene> 

    <Scene key="profile"> 
    <Scene key="profilePage" component={ProfilePage} title="My Profile" /> 
    </Scene> 

    <Scene key="main" > 
    <Scene 
     key="subscribedList" 
     component={SubscribedList} 
     title="Choose A List" 
    /> 
    <Scene 
     key="itemsList" 
     component={ItemsList} 
     onBack={() => Actions.subscribedList()} 
    /> 
    <Scene 
     key="createList" 
     component={CreateList} 
     title="Create A List" 
    /> 
    <Scene 
     key="createItem" 
     component={CreateItem} 
     title="Create Item" 
    /> 
    <Scene 
     key="compareItem" 
     component={CompareItem} 
     title="Found Item" 
    /> 
    </Scene> 
</Router> 

Answer 1

내가에서 라우터 플럭스 문서로 스위치를 사용하고 있습니다 :
https://github.com/aksonov/react-native-router-flux/blob/master/docs/OTHER_INFO.md

handlePressPurchases =() => { 
    Actions.account({section: 'purchases'}) 
    } 



    import { connect } from 'react-redux' 

    <Scene 
      key="account" 
      component={connect(state=>({isAuth: state.login.username != null }))(Switch)} 
      tabs={true} 
      unmountScenes 
      selector={props=> !props.isAuth ? "login_account" : props.section } 
     > 
      <Scene key="login_account" component={LoginScreen} title="Login"/> 
      <Scene key='purchases' component={Purchases} title='Purchases' navBar={AppNavBar} /> 
      <Scene key='balance' component={Balance} title='Balance' navBar={AppNavBar} /> 
    </Scene> 

두 번째 대안은 Actions.login을 사용하는 것이었다() authState에 따라 각 장면의 구성 요소에 리디렉션합니다.

Answer 2

나는 redux 미들웨어를 들여다보기를 제안합니다. Sample implementation on github