react-native-router-flux（一）页面跳转与回跳

1.页面跳转

• Actions.ACTION_NAME();//只做页面跳转
• Actions.ACTION_NAME({key:value});//页面跳转并且进行数据的传递 键key和值value
  接受的时候用this.props.key

• Actions.refresh({key:value}) // 用于刷新当前页面的属性，即接受传递的参数

2.页面的回跳

• Actions.pop(); //返回上一页面，不带参数
• Actions.pop({refresh:({key:value})}) //返回上一页面，带参数

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

refresh是框架自带函数，可用于刷新属性（props）

如需要在指定页面刷新数据：需要加上

 componentWillReceiveProps(nextProps) {
        // 假设前一个页面传递过来一个名字叫做isRefresh的布尔型参数
        console.warn(JSON.stringify(nextProps))
       //需要刷新的数据可以做
        console.warn("userName"+nextProps.key)
        this.state.key=nextProps.key;
        this.forceUpdate();
    }

3.回跳上一个页面，调用函数做相应操作

上一个页面点击事件

handlerClick(){
        Actions.ACTION_NAME({callBack:this.callBack.bind(this)});
    }
 callBack(){
        console.warn("回跳上一个页面，调用函数做相应操作")
    }

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

   Actions.pop(this.props.callBack())