关于React-native 原生DeviceEventEmit

2019-08-02  本文已影响0人  Petricor

关于DeviceEventEmitter 的 官网地址
关于DeviceEventEmitter 的 其他简书地址

官方网站描述

用法:

1.在用react-native的app中,可以同过DeviceEventEmitter 来监听未销毁的页面所存在的事件,这样你就能在更新本页面内容时刷新或者更新上一级可能需要更改数据的页面 。
2.在DeviceEventEmitter 在用用完之后 (页面销毁前)销毁掉 ,不然会占据线程造成页面加载减慢 。

//render之前的钩子函数
 componentDidMount() {
    this.updateEXamSprint = DeviceEventEmitter.addListener(
      'keyboardWillShow',
      () => {
        this._getEaxmSprint()      //被监听的方法
      }
    )
  }
//销毁的钩子函数
 componentWillUnmount() {
    this.updateEXamSprint && this.updateEXamSprint.remove()
  }
//通过emit()实现页面的监听 
  DeviceEventEmitter.emit('keyboardWillShow')
// 在监听中可以传递最多一个参数 ,所以一般传递对象
 DeviceEventEmitter.emit('keyboardWillShow' , {item:12 , id:1 })
上一篇 下一篇

猜你喜欢

热点阅读