2017-09-25 111 views
2

我正在尋找的終極版動作的重定向一個很好的解決方案終極版存儲更改,使用react-navigation陣營導航重定向在組件

目前的情況: 在我初始化了Redux店App.js和渲染主.js組件。 在主要比較。我等待redux-persist的補水完成(後來每次同步操作也結束)。 如果完成了,我渲染Navigator comp .. (如果可能的話,我想在這裏調用auth令牌檢查器動作,並根據redux存儲值(isAuth)重定向。現在我不知道如何。)

導航器首先加載LoginScreen組件。在掛載發生之前我調用auth令牌操作(cWillMount)。 問題是,我無法將重定向代碼放入reudx存儲庫更改(例如render)中重新運行的方法中。

在存儲變量更改時,我應該在哪裏放置重定向代碼?

+0

有幾個有關React和Auth處理的指南。你試過這麼多,你能展示你的代碼嗎? – Peter

+0

我試過的唯一重要的事情就是我寫下來的東西。很遺憾,我無法顯示代碼。 – Xyzor

回答

1

如果你還沒有,你可以嘗試整合反應導航到Redux。 Official documentationthis article將有所幫助。 管理Redux中的所有內容可能是值得的,因爲您可以將導航邏輯移至縮減器和操作中。

對於令牌的情況,我假設您有一個使用AsyncStorage存儲的令牌。 Here你可以找到我的一個示例項目,我只實現了OAth2.0授權流程。

我使用'Splash'屏幕從AsyncStorage加載令牌。然後,根據結果,該應用程序導航到「歡迎」屏幕或「主」屏幕。從「歡迎」屏幕中,用戶可以重定向到授權發生的登錄網絡視圖。

我用Redux Thunk處理副作用。我希望我的實施可以幫助你。

+0

感謝您的示例。當我運行代碼時,它會幫助我解決問題。 – Xyzor