DeviceEventEmitter清除监听两种方式区别

最新推荐文章于 2022-03-19 18:35:59 发布
最新推荐文章于 2022-03-19 18:35:59 发布
阅读量1.9k 收藏
点赞数
分类专栏： js 文章标签： react native removeListener 事件监听
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gg_ios/article/details/106339046
版权 
const callBack = () => {}

const xxxSubscription = DeviceEventEmitter.addListener(`XXXX`, callback);

// 根据返回的监听id移除对应的监听
DeviceEventEmitter.removeSubscription(xxxSubscription)
/* 根据key和监听时callback移除监听
 *  callback：必传，若不传或传的不是监听时指定的callback则所有XXXX监听都无法remove
*/
DeviceEventEmitter.removeListener('XXXX', callback)
爬不上树的小松鼠
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DeviceEventEmitter react-native
ln1010的博客
03-13 795
react-native中采用了DeviceEventEmitter来实现对事件的监听，实现非父子关系的页面之间的通信。具体来说，我们可以在一个页面中通过DeviceEventEmitter来对特定名称的事件进行监听，此后每当其它位置发送该名称的事件，都会触发这个监听的响应并执行对应的函数。上述代码发送了一个名为eventName的包含params参数的事件，值得注意的是发送该事件的前提是react native环境已经加载完成，需要获取其上下文ReactContext。只需要在原生模块中广播该事件即可。
React-Native中事件监听DeviceEventEmitter
热门推荐
suwu150
08-12 1万+
从上面代码中，我们能够看到通过DeviceEventEmitter进行设置了监听，根据React-Native生命周期，当组件加载的时候，我们进行监听，当组件卸载的时候，我们移除监听事件。从代码中，我们能够看出实现了的方法有addListener,但是没有我们在使用中的其他方法，我们对代码进行分析，可以看到，在这里进行引入了下面这两个文件。也就是我们发起请求时message信息的处理方式，在这过程中，当然还有其他几处代码进行了事件处理，在这里就不一一说明了。
DeviceEventEmitter——react-native
AnitaSun的博客
03-25 613
引入 import { DeviceEventEmitter } from 'react-native' 添加监听 /** * @param {string} eventType - Name of the event to listen to * @param {function} listener - Function to invoke when the specified event is * emitted * @param {*} context - Optiona
react-native 发送广播和接受事件通知DeviceEventEmitter
qq_37336604的博客
06-29 4868
原生开发，总会用到广播，接口，回调等方法来实现各个模块之间的数据传递和事件交互。在React-Native中同样可以用发送和接受通知的方法，实现上面的功能。组件：DeviceEventEmitterA/B页面之间进行"通信"1 A页面 导入组件：import { DeviceEventEmitter } from 'react-native';//添加监听2  A页面 添加广播事件switch (...
RN发送接收事件－－DeviceEventEmitter
qq_25280063的博客
08-23 1万+
————js 向 js 发送数据 DeviceEventEmitter.emit('自定义名称',发送数据); 例：边看边买退出登录之后，我的淘宝和详情页的钱包数据应该改变。这时，我们可以在退出登录请求返回退出登录成功时发送一个通知 userInfo.userLogout((success) => { if (success) { DeviceEven
react-native 监听手机物理按键（音量键）
weixin_41177814的博客
08-19 2141
react-native 监听手机音量按键（结合原生安卓） 目的：监听手机的物理按键实现相应的功能（给自己的笔记） Android KeyCode 可以自行网上查找 可根据相应 KeyEvent 进行手机按键事件拦截 可根据相应 KeyCode 执行你想要执行的内容 需求 -------- 实现进入指定页面后，使用音量键时执行自定义任务，而不是调节系统音量 解决方案 在 MainActiv...
Android网络监听的两种实现方式
10-11
本文将深入探讨两种主要的网络监听实现方式：BroadcastReceiver和Socket编程。 首先，我们来了解BroadcastReceiver。BroadcastReceiver是Android系统中的一种组件，它可以监听并响应系统广播事件，包括网络连接状态...
cocos creator为事件加上监听的两种处理方式
11-28
本篇文章将详细介绍两种在Cocos Creator中为事件添加监听的处理方式：一种是通过`cc.Class.prototype.on`方法，另一种是通过`cc.EventTarget.addListener`方法。 ### 1. `cc.Class.prototype.on` 方法 `cc.Class....
React Native 使用DeviceEventEmitter实现事件监听和触发
aieraflyyyy的博客
02-26 1177
react-native TextInput输入纯数字 由于RN的TextInput没有相应api，所以只有在onChangeText时手动过滤了。 首先设置keyboardType=‘numeric’，用户输入时就会弹出数字键盘，然后在onChangeText事件里使用正则过滤。 text.replace(/[^\d]+/, ‘’) 代码如下： <TextInput keyboar...
Android中监听短信的两种方法
01-20
在Android系统中，监听短信通常有两种方法：通过注册BroadcastReceiver监听SMS_RECEIVED_ACTION广播和使用ContentObserver监控短信数据库。这两种方法各有优缺点，下面将详细解释它们的工作原理和实现方式。 1. ...
Android App实现监听软键盘按键的三种方式
08-31
总结起来，Android App实现软键盘按键监听的三种方式各有特点和适用场景。开发者可以根据具体的应用需求选择合适的方法。重写dispatchKeyEvent()适合需要全局处理按键事件的场景；使用OnKeyListener适合对特定组件...
React Native之通过DeviceEventEmitter发送和接收事件
weixin_44519342的博客
03-19 571
React Native之通过DeviceEventEmitter发送和接收事件
React Native之RCTDeviceEventEmitter发送通知emit和监听接收addListener的用法
spicyboiledfish的博客
05-31 9016
第一步： 引入RCTDeviceEventEmitter: //两种方法：import为ES6语法： import RCTDeviceEventEmitter from 'RCTDeviceEventEmitter' // var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter'); 第二步： 发送通知： RCTDevice
react native 刷新界面机制DeviceEventEmitter
YeWuShuang01的博客
02-06 4858
Aimport { DeviceEventEmitter } from 'react-native'; //注册这个监听事件 componentDidMount(){ DeviceEventEmitter.addListener('xxxName’, Function); }; //在组件销毁的时候要将其移除 componentWillUnmount(){ Device
ReactNative组件通知之DeviceEventEmitter
xiangzhihong8的专栏
06-15 2792
在原生应用开发中，为了解决不同组件之间的数据交互问题，经常会用到广播，或者使用接口等方式，如Android的EventBus等框架。而在React Native中，则可以通过DeviceEventEmitter来实现。 例如有下面一个效果，用以模拟广播。 DeviceEventEmitter的用法和EventBus一样，都是观察响应模式。一个最简单的场景，A页面使用DeviceEventE...
DeviceEventEmitter 使用监听通知进行传值
王铁涛技术博客
03-04 2000
import { DeviceEventEmitter } from 'react-native'; componentDidMount() { this.event = DeviceEventEmitter.addListener("onClickButton", (text,...) => { //注册通知 console.log(text); ...
利用DeviceEventEmitter解决标题栏和数据列表联动问题
沐唐风宋雨
10-23 1164
分析页面包含TitleBar和TabNavigator组件，同时TabNavigator包含三个MessageScreen组件，而在MessageScreen中是FlatList组件，其中的Item是自定义的MessageItem组件。所以嵌套层次还是挺多的。而要实现动画中的效果，需要点击TitleBar中的编辑按钮，刷新MessageItem的状态。
React Native学习之RCTDeviceEventEmitter(类似iOS的NSNotificationCenter)简单用法以及背景透明
开发仔XG
03-23 1万+
React Native学习之RCTDeviceEventEmitter(类似iOS的NSNotificationCenter)简单用法; 直接上代码吧 引入 import RCTDeviceEventEmitter from 'RCTDeviceEventEmitter' 发通知:value是传递的值 RCTDeviceEventEmitter.emit('通知名称',value);
vue2 监听器的两种写法
最新发布
10-13
在 Vue2 中，可以使用两种方式来定义监听器： 1. 使用 `watch` 属性来监听数据的变化，当数据发生变化时，执行相应的回调函数。 ```javascript watch: { // 监听 firstName 数据的变化 firstName: function (newVal, oldVal) { console.log('firstName changed from', oldVal, 'to', newVal) } } ``` 2. 使用 `$watch` 方法来监听数据的变化，当数据发生变化时，执行相应的回调函数。 ```javascript // 监听 firstName 数据的变化 this.$watch('firstName', function (newVal, oldVal) { console.log('firstName changed from', oldVal, 'to', newVal) }) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值