在react导航4x中动态隐藏/透明标题？

npm install react-navigation

import { createBottomTabNavigator } from 'react-navigation-tabs';

const TabNavigator = createBottomTabNavigator({
  Home: {
    screen: HomeScreen,
    navigationOptions: {
      tabBarLabel: '首页',
      tabBarIcon: ({ tintColor }) => (
        <Icon name="home" color={tintColor} size={24} />
      ),
    },
  },
  Profile: {
    screen: ProfileScreen,
    navigationOptions: {
      tabBarLabel: '个人资料',
      tabBarIcon: ({ tintColor }) => (
        <Icon name="person" color={tintColor} size={24} />
      ),
    },
  },
  // 其他导航选项...
});

render() {
  return (
    <View style={{ flex: 1 }}>
      <TabNavigator />
    </View>
  );
}

static navigationOptions = {
  headerShown: false,
};

static navigationOptions = ({ navigation }) => {
  return {
    headerTransparent: true,
    headerTitle: navigation.getParam('hideTitle') ? null : '标题',
  };
};