RN-组件的简单使用

React-Native-Navigator导航条-反向传值(三

2017-04-05  本文已影响89人  精神病患者link常

之前有一篇文章记录了反向传值,用的是类似iOS的通知的方法,缺点很明显
这几天又看了其他的文章,发现了一个新的方法,类似iOS的block吧,现在记录一下,代码就不贴了,直接在这里贴出来

第一个页面

 goPage2(type) {
        this.props.navigator.push({
            component:SecondPageComponent,
            type:type,
            params:{//params 要和HomePage.js里面的 renderScene(route, navigator)里面设置的参数名一样
                param1:'第一个参数',
                param2:'第二个参数',
                loadData:(data) => {this.loadData(data)},//回调方法
            }
        })
    }

    loadData(data){
        console.log('回调方法传参:data='+data);
    }

第二个页面,在需要回传的时候这样写

  if(this.props.loadData){//这里是判断是否有这个方法的
            this.props.loadData('回传参数1');
        }

data是参数,当然也可以不回传参数,不写data就可以了

上一篇 下一篇

猜你喜欢

热点阅读