无法在反应导航中隐藏嵌套的tabNavigator的tabBar

import { withNavigation, NavigationActions } from 'react-navigation';

constructor(props) {
  super(props);
  this.state = {
    showTabBar: true,
  };
}

componentDidMount() {
  this.navigationListener = this.props.navigation.addListener('didFocus', () => {
    this.setState({ showTabBar: true });
  });
}

componentWillUnmount() {
  this.navigationListener.remove();
}

const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarVisible: this.state.showTabBar,
    },
  },
  Other: {
    screen: OtherScreen,
    navigationOptions: {
      tabBarVisible: true,
    },
  },
});

class HomeScreen extends React.Component {
  static navigationOptions = ({ navigation }) => {
    const { params = {} } = navigation.state;
    return {
      tabBarVisible: params.showTabBar,
    };
  };

  componentDidMount() {
    this.props.navigation.setParams({ showTabBar: this.state.showTabBar });
  }

  // ...
}