如何在React Native选项卡组件中检测模糊事件？

import React, { useRef, useEffect } from 'react';
import { View, TouchableWithoutFeedback } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

const TabContent = ({ children }) => {
  const tabContentRef = useRef(null);

  useFocusEffect(() => {
    const handleBlur = () => {
      // 在这里执行模糊事件的处理逻辑
      console.log('模糊事件触发');
    };

    const tabContentNode = tabContentRef.current;
    tabContentNode.addEventListener('blur', handleBlur);

    return () => {
      tabContentNode.removeEventListener('blur', handleBlur);
    };
  });

  return (
    <TouchableWithoutFeedback>
      <View ref={tabContentRef}>{children}</View>
    </TouchableWithoutFeedback>
  );
};

const TabScreen = () => {
  return (
    <View>
      <TabContent>
        {/* 这里放置选项卡的内容 */}
      </TabContent>
    </View>
  );
};