ReactNative实现通知监听事件事例1:
只在rn⾥⾯发送和接受消息。reactnative开发
A界⾯:
import {DeviceEventEmitter} from 'react-native';
//...
componentDidMount(){
this.subscription = DeviceEventEmitter.addListener('xxxName’, Function);
};
componentWillUnmount(){
ve();
};
B界⾯:
import {DeviceEventEmitter} from 'react-native';
//…
//调⽤事件通知
事例2:
要在ReactNative项⽬中实现通知事件监听,主要在Native中实现⼀个转发机制。
如图,在ios程序中注册⼀个⽅法,让react来调⽤。
这个注册的⽅法就是⼀个桥梁,通知发送这个消息,在react中可以注册⼀个监听者,监听接收这个⽅法。如图,
react调⽤注册⽅法,相当于发送消息。
最后,在需要监听事件的地⽅,增加事件监听者。
记住,视图移除后,要注销监听事件。
当然,如果不想分别在ios和android中写注册⽅法,也可以使⽤下⾯介绍的setNativeProps的⽅法。
事例3:
⾸先,在需要根据DOM来更新视图的对象中实现setNativeProps⽅法,如图
然后在change⽅法中获取DOM节点,调⽤setNativeProps⽅法。
这样,就能够指定更新视图了。
是不是很简单。^_^
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论