如何从react导航v3.xx中的选项卡更新自定义tabBarComponent值

import React, { Component } from 'react';
import { TabNavigator } from 'react-navigation';

// 自定义选项卡组件
class CustomTabBar extends Component {
  constructor(props) {
    super(props);
    this.state = {
      tabBarValue: '默认值',
    };
  }

  updateTabBarValue = () => {
    // 更新选项卡的值
    this.setState({ tabBarValue: '新的值' });
  }

  render() {
    const { navigation } = this.props;
    const { tabBarValue } = this.state;

    return (
      <View>
        <Text>{tabBarValue}</Text>
        <Button onPress={this.updateTabBarValue} title="更新选项卡值" />
      </View>
    );
  }
}

// 导航器配置
const TabNavigatorConfig = {
  tabBarComponent: CustomTabBar,
};

// 创建选项卡导航器
const TabNavigator = TabNavigator(RouteConfigs, TabNavigatorConfig);

export default TabNavigator;