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())
Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐