title: how to hide label in bottom tab navigator react navigation v5
body: <p>im trying to hide the Label. and <code>showLabel: false</code> is not working.</p>
  <pre><code>import React, {useLayoutEffect} from 'react';
  import {createStackNavigator} from '@react-navigation/stack';
  import {useNavigation} from '@react-navigation/native';
  
  import HomeTopTabNavigator from '../routes/home.top.tab';
  import {NAVIGATOR} from '../constants/screen.constants';
  import THEME from '../constants/theme.constants';
  import Icon from '../components/atoms/Icon';
  
  const HomeStack = createStackNavigator();
  
  function HomeStackNavigator() {
    const navigation = useNavigation();
  
    useLayoutEffect(() =&gt; {
      navigation.setOptions({
        showLabel: false,
        tabBarIcon: () =&gt; (
          &lt;Icon
            type=&quot;MaterialCommunityIcons&quot;
            name=&quot;home&quot;
            size={24}
            color={THEME.PRIMARY}
          /&gt;
        ),
      });
    }, [navigation]);
  
    return (
      &lt;HomeStack.Navigator
        screenOptions={{headerStyle: {elevation: 0, shadowOpacity: 0}}}&gt;
        &lt;HomeStack.Screen
          name={NAVIGATOR.HomeTopTab}
          component={HomeTopTabNavigator}
        /&gt;
      &lt;/HomeStack.Navigator&gt;
    );
  }
  
  export default HomeStackNavigator;
  
  </code></pre>