React-Navigation Redux Integration

[wuweijia]

React-Navigation Redux Integration

React-Navigation的配置里面只能通过嵌套实现card push进来一个modal；

想要实现modal里面push card 只能通过额外的组件实现， 如果你想要实现类似的场景可以参考 👇

<Modal ref={ref => (this.login = ref)}>
    <Login navigation={this.props.navigation} />
</Modal>

参考资料 https://github.com/maxs15/react-native-modalbox

Redux 集成官方有文档 （不知道为何官网的example not work） 其他参考资料 https://hackernoon.com/a-comprehensive-guide-for-integrating-react-navigation-with-redux-including-authentication-flow-cb7b90611adf

navigation集成redux后需要实现的功能

常用api react-navigation 的 reducer实现

• [x] getCurrentRoutes() - 获取当前栈里的路由，也就是push进来，没有pop掉的那些。可以从store里面拿到
• [x] push() - 跳转到新的场景，并且将场景入栈，你可以稍后跳转过去
• [x] pop() - 跳转回去并且卸载掉当前场景
• [x] replace() - 用一个新的路由替换掉当前场景
• [x] replaceAtrouteName() - 替换掉指定序列的路由场景
• [x] reset() - 跳转到新的场景，并且重置整个路由栈/ 用新的路由数组来重置路由栈
• [x] popToRoute() - pop到路由指定的场景，在整个路由栈中，处于指定场景之后的场景将会被卸载。
• [x] popToTop() - pop到栈中的第一个场景，卸载掉所有的其他场景。