ネイティブルータのFluxにリダイレクトしてログイン時のシーンをリダイレクトする例

Question

React Native Router Fluxを使用して、認証が有効になったらユーザーを新しいシーンにリダイレクトする例を探しています。仮定すると、私はそうのように私のルータコンポーネントを定義しています

<Router> <Scene key="root"> <Scene key="login" component={Login} title="Login" initial={true} hideNavBar="true" duration={1} /> <Scene key="home" component={Home} title="Home" hideNavBar="true" duration={1} /> </Scene> </Router>

• HomeにLoginからリダイレクトするように<Router>に更新する必要がありますか？
• 私のRouterコンポーネントがDrawerコンポーネント内にネストされている場合、/ユーザーはログインするように状態を更新しますか？

Answer 1

認証が完了するとすぐにログインコンポーネントでActions.home（）を使用してください。ルーターコンポーネントは変更する必要はありません。

2番目の質問では、グローバルな状態を持つことはできません（本当に単純なアプリケーションを複雑にしない限り）。 1つを使用するには、Reduxまたは類似のライブラリを使用する必要があります。

Answer 2

リダイレクトする最も簡単な方法は、認証が完了したらActions.home（）を使用することです。あなたはあなたのアプリケーションの状態を管理するためにreduxを使用していないからです。物事は複雑になる。

今後のケースでユーザーがログインしているかどうかを知るソリューションを探していると思います。私はあなたの最善の策がasyncstorageになると信じています。変数is_loggedinをtrueに格納するだけです。将来、この変数をチェックして、ユーザーがログされているかどうかを調べることができます。

しかし、Redux/Refluxの使用を真剣にお勧めします。はるかに良いでしょう。