天天看點

react-navigation之TabNavigator, StackNavigator使用配合redux

我在react-navigation的元件StackNavigator 和TabNavigator組合使用在加上redux,出現如下問題

there is no route defined for key ***must be one of 

react-navigation之TabNavigator, StackNavigator使用配合redux

navreducer傳遞 AppNavigations就放入 <Provider>中 render 出來 顯示了

combineReducers 裡還需要配置navReducer

那麼navreducers的配置就是重點了, 不注意 就把TabNavigator裡面的route 配置進去了

上面做是不對的, 這樣做了就報出上面的錯誤,正确如下,因為我們在給provider 裡提供的就是StackNavigator,這樣就對應了

加上redux的好處,比如,在切換頁面時 就可以直接 dispatch 切換轉跳頁面了, 不然換個 同時吧 參數webURl傳遞給下一個将要展示的頁面 

webview 需要的參數通過state就能擷取到

當然可以用其他的辦法用 navigate 方法切換 傳遞webViewURL

在 mapStateToProps輸出看 這樣就 得通過很多成了看着也覺得資料隐藏的太深了

react-navigation之TabNavigator, StackNavigator使用配合redux
react-navigation之TabNavigator, StackNavigator使用配合redux

繼續閱讀