美文网首页
关于React-native 原生DeviceEventEmit

关于React-native 原生DeviceEventEmit

作者: Petricor | 来源:发表于2019-08-02 21:27 被阅读0次

关于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 })

相关文章

网友评论

      本文标题:关于React-native 原生DeviceEventEmit

      本文链接:https://www.haomeiwen.com/subject/ilbrdctx.html