博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ReactNative实现通知监听事件
阅读量:5232 次
发布时间:2019-06-14

本文共 818 字,大约阅读时间需要 2 分钟。

事例1:

只在rn里面发送和接受消息。

A界面:

import  {DeviceEventEmitter} from 'react-native';//...componentDidMount(){    this.subscription = DeviceEventEmitter.addListener('xxxName’, Function);};componentWillUnmount(){    this.subscription.remove();};

B界面:

import  {DeviceEventEmitter} from 'react-native';//…//调用事件通知DeviceEventEmitter.emit('xxxName’,param);

 

 

事例2:

要在ReactNative项目中实现通知事件监听,主要在Native中实现一个转发机制。

如图,在ios程序中注册一个方法,让react来调用。

这个注册的方法就是一个桥梁,通知发送这个消息,在react中可以注册一个监听者,监听接收这个方法。

如图,

react调用注册方法,相当于发送消息。

 

最后,在需要监听事件的地方,增加事件监听者。

记住,视图移除后,要注销监听事件。

 

当然,如果不想分别在ios和android中写注册方法,也可以使用下面介绍的setNativeProps的方法。

 

事例3:

首先,在需要根据DOM来更新视图的对象中实现setNativeProps方法,如图

然后在change方法中获取DOM节点,调用setNativeProps方法。

这样,就能够指定更新视图了。

是不是很简单。^_^

另外,系统组件一般都已经实现了setNativeProps方法,所以,使用setNativeProps的一般都是自定义的组件。

 

转载于:https://www.cnblogs.com/hd1992/p/5659261.html

你可能感兴趣的文章
angular 1.6路由
查看>>
[原创]java WEB学习笔记28: 会话与状态管理Cookie 机制
查看>>
Session的生命周期之关于浏览器关闭后的Session
查看>>
git获取远程服务器的指定分支
查看>>
数组排序(选择排序和冒泡排序)
查看>>
WPF DelegateCommand 出现Specified cast is not valid
查看>>
TensorFlow模型保存和提取方法
查看>>
UVa1592_数据库
查看>>
你好同窗,我们开始吧,这是我们的第2次见面
查看>>
iOS面试必看 最全梳理
查看>>
Linux环境下c程序的编译和执行
查看>>
neo4j-备份、恢复
查看>>
[转] 40个全球免费开放的电子图书馆(给能看懂英文的用)
查看>>
线上故障处理——大量异常堆栈日志输出影响服务可用性
查看>>
POJ 2187 Beauty Contest(凸包,旋转卡壳)
查看>>
MSSQLSERVER跨服务器连接
查看>>
FileUtils
查看>>
表单重复提交问题
查看>>
go实现生产者消费者
查看>>
计算机网络基础识别
查看>>