React Native之RCTDeviceEventEmitter发送通知emit和监听接收addListener的用法
来源:互联网 发布:知り合いです 编辑:程序博客网 时间:2024/06/08 17:58
第一步:
引入RCTDeviceEventEmitter:
//两种方法:import为ES6语法:import RCTDeviceEventEmitter from 'RCTDeviceEventEmitter'// var RCTDeviceEventEmitter = require('RCTDeviceEventEmitter');
第二步:
发送通知:
RCTDeviceEventEmitter.emit('通知名称',value);
接收通知:
componentDidMount(){ this.listener = RCTDeviceEventEmitter.addListener('通知名称',(value)=>{ // 接受到通知后的处理 }); } componentWillUnmount(){ // 移除 一定要写 this.listener.remove(); }
什么时候使用?
用户在某个页面登录成功后,发送一个通知给全局,这样在主页面监听登录状态,如果已经登录,那么就用AsyncStorage.setItem将用户的信息设置到缓存中。这里的AsyncStorage就是相当于HTML5中的localStorage,他是永久存储在缓存中的,除非手动clear。有大约20MB的缓存空间。而cookie是在设置的缓存有效期之前是有效的,只有4KB的存储空间;而sessionStorage是会话型的,只要浏览器窗口关闭,缓存就会被清除,有5MB的缓存空间。
阅读全文
1 0
- React Native之RCTDeviceEventEmitter发送通知emit和监听接收addListener的用法
- React Native学习之RCTDeviceEventEmitter(类似iOS的NSNotificationCenter)简单用法以及背景透明
- React-Native 发送和接收事件DeviceEventEmitter
- node事件监听当中的on和addListener的区别
- node事件监听当中的on和addListener的区别
- React-Native 通知的使用方法
- ActiveMQ的发送与接收 简单例子和监听配置
- addEventListener和addListener的区别
- react-native监听Android(Android向RN发送事件)
- android广播监听接收和发送短信
- react native 组件之switch组件的用法
- react-native之native主动向js发送事件
- 发送,接收通知
- react-native播放视频组件 react-native-video的用法
- React Native学习之TabBarIOS用法
- Android开发,addlistener和setlistener的区别
- React-Native ref用法和setNativeProps
- React Native 0.27.2编译报错this._nativeModule.addListener is not a function
- 我与python约个会:30.3. 企业级开发进阶2.3:UDP编程
- [Windows驱动开发](四)内存管理
- 非manacher算法的最长回文串算法
- Vue-cli proxyTable 解决开发环境的跨域问题
- 我与python约个会:30.4. 企业级开发进阶2.4:服务端快捷开发
- React Native之RCTDeviceEventEmitter发送通知emit和监听接收addListener的用法
- 将工程push到github
- SDN控制器之OVN实验三:从OVN虚拟网络访问物理网络
- 我与python约个会:31.企业级开发进阶3.1:发送电子邮件
- 常用正则片段代码
- bootstrap-datepicker时间插件和chosen.jquery下拉模糊搜索和bootbox.min弹出框以及jquery.tips提示框和js的全选与取消的使用
- iOS接入支付宝支付
- web项目发布至tomcat的ROOT下方法(开发环境和部署环境)
- 【Go】常用的正则表达式