ReactNative组件通知之DeviceEventEmitter

举报
G-washington 发表于 2019/10/11 22:23:20 2019/10/11
【摘要】 在原生应用开发中,为了解决不同组件之间的数据交互问题,经常会用到广播,或者使用接口等方式,而在React Native中,则可以通过DeviceEventEmitter来实现。

在原生应用开发中,为了解决不同组件之间的数据交互问题,经常会用到广播,或者使用接口等方式,如Android的EventBus等框架。而在React Native中,则可以通过DeviceEventEmitter来实现。 
例如有下面一个效果,用以模拟广播。 

                                                                         image.png

DeviceEventEmitter的用法和EventBus一样,都是观察响应模式。一个最简单的场景,A页面使用DeviceEventEmitter发送消息,然后B页面获取到消息,然后使用B页面的状态机更新内容即可。

那么A页面发送消息的代码如下:

image.png

然后在B页面接受消息,

image.png

和EventBus类似,当组件被消耗时,需要调用DeviceEventEmitter.remove()

如果需要更新某个组件的值,还需要对状态进行设置,

image.png


本文转载自异步社区

原文链接:https://www.epubit.com/articleDetails?id=N5f445d56-3c5e-4535-966c-e5652934107b

 

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。