如何在移动到react native中的其他选项卡时暂停视频

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import Video from 'react-native-video';

class VideoScreen extends Component {
  componentDidMount() {
    // 添加选项卡切换事件监听器
    this.props.navigation.addListener('blur', this.pauseVideo);
    this.props.navigation.addListener('focus', this.resumeVideo);
  }

  componentWillUnmount() {
    // 移除选项卡切换事件监听器
    this.props.navigation.removeListener('blur', this.pauseVideo);
    this.props.navigation.removeListener('focus', this.resumeVideo);
  }

  pauseVideo = () => {
    // 暂停视频播放
    this.videoRef.pause();
  };

  resumeVideo = () => {
    // 恢复视频播放
    this.videoRef.play();
  };

  render() {
    return (
      <View>
        <Text>Video Screen</Text>
        <Video
          ref={(ref) => (this.videoRef = ref)}
          source={require('path/to/video')}
          // 其他视频配置项
        />
      </View>
    );
  }
}

export default VideoScreen;