美文网首页
RN的传值相关

RN的传值相关

作者: Arthur澪 | 来源:发表于2018-02-06 11:08 被阅读0次

观察者模式

通过EventEmitter实现事件机制,实现简单的观察者模式。
发送端、接受端同时需要引入DeviceEventEmitter组件。

1、发送通知

DeviceEventEmitter.emit('change','数据')

2、监听通知,一般在componentDidMount方法中

DeviceEventEmitter.addListener('change',(text)=>{
      
})

通过Navtigator的push方式,传递方法

第二个页面实例化方法传值,第一个页面实现方法。
1、第一个页面

this.props.navigator.push({
    component:aaavc,
    passProps:{
        callback:((text) =>{this._returnCallMethod(text)})
    }
})

2、第二个页面往第一个页面传值

_clickBack(){
    this.props.navigator.pop();
    this.props.callback('isUpdate');
}

相关文章

  • RN的传值相关

    观察者模式 通过EventEmitter实现事件机制,实现简单的观察者模式。发送端、接受端同时需要引入Device...

  • iOS集成ReactNative跳转、传值

    iOS跳转RN界面iOS跳转RN界面传值iOS跳转不同的RN界面(一)iOS跳转不同的RN界面(二)RN界面跳转到...

  • RN 总结-传值

    传值 一、当前界面: 1、初始化 state = { waiting: true, orderSort: '1...

  • RN --- 组件传值

    正向传值 A->B 反向传值 A -> B -> A 同级数据交换 标题栏与其所属的页面之间的交互1.通过生命周期...

  • iOS react native和原生交互摘录

    Native 交互到 RN :iOS原生模块向ReactNative发送事件消息使用通知进行传值 RN 交互到 N...

  • RN笔记-逆向传值

    react-native中逆向传值的问题一般比较绕,这里用最简单的例子做分析:两层组件嵌套,实现点击最内层组件Pu...

  • RN - 从RN传值至iOS原生

    一.导入工具类 .h文件代码如下: .m文件代码如下: 二.RN代码 跳转按钮事件:传值至原生(方法名需与工具类中...

  • React Native 跳转原生界面,原生界面跳转RN界面

    1.RN跳转原生界面 在iOS中暴露出一个sendMessage的方法给RN,并可以传值,在iOS中创建一个Vie...

  • 原生iOS给RN传值

    ios端: 创建类继承 RCTEventEmitter类并遵守RCTBridgeModule协议 .h文件 .m文...

  • iOS原生向rn传值

    1.在原生页面 2.在js页面

网友评论

      本文标题:RN的传值相关

      本文链接:https://www.haomeiwen.com/subject/dzstoxtx.html