天天看点

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

继续阅读