React-Native-Navigator导航条-反向传值
2017-04-05 21:55
211 查看
http://www.jianshu.com/p/69266aa54771之前有一篇文章记录了反向传值,用的是类似iOS的通知的方法,缺点很明显
这几天又看了其他的文章,发现了一个新的方法,类似iOS的block吧,现在记录一下,代码就不贴了,直接在这里贴出来
第一个页面
第二个页面,在需要回传的时候这样写
data是参数,当然也可以不回传参数,不写data就可以了
这几天又看了其他的文章,发现了一个新的方法,类似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就可以了
相关文章推荐
- React-Native-Navigator导航条-push不同动画
- ReactNative-底部TabBar react-native-tab-navigator
- reactnative Navigator api解释
- RN(react native)入坑指南-07,使用navigator实现页面跳转
- React Native]React Native组件之Navigator
- React-Native|Navigator使用&NavigatorBar自定义
- React Native商城项目实战07 - 设置“More”界面导航条
- React Native商城项目实战03 - 包装Navigator
- 辣子鸡一步一爪印react native——导航TabNavigator,react-native-tab-navigator
- react native StackNavigator 传值
- React-Native学习笔记之:导航器Navigator实现页面间跳转
- react native navigator禁用滑动返回
- React Native之导航器Navigator实现导航功能(二)
- react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条
- 使用Rreact Native 之Navigator导航器小结--->菜鸟学习
- [转] React Native Navigator — Navigating Like A Pro in React Native
- React_Native 再学习4——导航进阶之DrawerNavigator
- ReactNative-Navigator组件简单使用
- React-native之Navigator调用popToRoute无效解决方案
- ReactNative页面跳转Navigator实现的示例代码