如何使用全局ScreenVisibilityListener类？

Question

我指的是官方文档的这个页面:https://wix.github.io/react-native-navigation/#/screen-api？ id = listen-to -visibility-events- globally

在我创建这个类后,我如何告诉导航器使用它？

Answer 1

ScreenVisibilityListener通过react-native eventDispatcher监听本机端触发的全局事件，导航器不需要知道它。

用法示例：

import {ScreenVisibilityListener} from 'react-native-navigation';

new ScreenVisibilityListener({
  willAppear: ({screen}) => {
    console.log(`Displaying screen ${screen}`) 
  },
  didAppear: ({screen, startTime, endTime, commandType}) => {
    console.log('screenVisibility', `Screen ${screen} displayed in ${endTime - startTime} millis [${commandType}]`)
  },
  willDisappear: ({screen}) => {
    console.log(`Screen will disappear ${screen}`) 
  },
  didDisappear: ({screen}) => {
    console.log(`Screen disappeared ${screen}`)
  }
}).register();