react-native-router-flux

react-native-router-flux之页面跳转与回跳

一、页面跳转

 Actions.ACTION_NAME();//只做页面跳转
 Actions.ACTION_NAME({key:value});//页面跳转并且进行数据的传递 键key和值value
接受的时候用this.props.key
 Actions.refresh({key:value}) // 用于刷新当前页面的属性,即接受传递的参数

二、页面的回跳

Actions.pop(); //返回上一页面,不带参数
Actions.pop({refresh:({key:value})}) //返回上一页面,带参数
Actions.pop( {popNum: 2}); //指定回退页面数
Actions.pop({popNum:2, refresh:({key:value})}) //指定回退页面数,带参数
Actions.popTo(ACTION_NAME) //返回指定页面

三、回跳上一个页面,调用函数做相应操作

1、上一个页面点击事件

handlerClick(){
    Actions.你的路由名({callBack:this.callBack.bind(this)});    //跳转下一个页面时将回调函数传过去
}
 callBack(){
    console.warn("回跳上一个页面,调用函数做相应操作")
}

2、下一个页面进行方法的调用

 Actions.pop(this.props.callBack())
发布了21 篇原创文章 · 获赞 28 · 访问量 4067

猜你喜欢

转载自blog.csdn.net/TanHao8/article/details/104825063