React-Native-Navigator导航条-反向传值
来源:互联网 发布:导出数据库命令 编辑:程序博客网 时间:2024/05/20 14:24
http://www.jianshu.com/p/69266aa54771之前有一篇文章记录了反向传值,用的是类似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就可以了
0 0
- React-Native-Navigator导航条-反向传值
- React-Native-Navigator导航条-push不同动画
- React-native Navigator导航跳转
- [React Native]导航器Navigator
- React Native导航Navigator组件基本使用方法
- React Native导航Navigator组件基本使用方法
- React Native 的 Navigator 组件(导航功能)
- React Native底部导航react-native-tab-navigator
- React Native-导航条设置
- React Native自定义导航条
- 【REACT NATIVE 系列教程之五】NAVIGATOR(页面导航)的基本使用与传参
- 【REACT NATIVE 系列教程之五】NAVIGATOR(页面导航)的基本使用与传参
- React Native 导航(Navigator)详解——属性篇
- React Native 导航(Navigator)详解——方法篇
- React Native 导航(Navigator)详解——实例一
- React Native 导航(Navigator)详解——实例二
- React—native 之 Navigator (导航路由)组件
- react-native-tab-navigator来做底部导航tabbar
- Spring mvc+Spring+hibernate整合
- hihocoder #1152 : Lucky Substrings
- C++ STL中Map的按Key排序和按Value排序
- Ubuntu16.04 安装搜狗输入法
- 使用JAVA理解程序逻辑第二章
- React-Native-Navigator导航条-反向传值
- 成员变量和局部变量的区别?
- 二分图最大匹配
- Activity横竖屏切换后的生命周期
- C# 如何给Winform的button等控件添加快捷键
- (转)2017:整合欧美中小型资产管理公司的元年及如何突出重围
- Matlab 2015b 并行运算 SPMD
- BZOJ1019: [SHOI2008]汉诺塔
- 使用var、let、const声明变量