title: Top header is not showing with Bottom tab in react navigation v5
body: <p>I am trying to implement the bottom tab using react-navigation v5 but I am facing an issue. The top header is not showing in-app, When I implement header style is not showing. Could someone please help me how to resolve this issue? I really tried hard but was not able to achieve it.</p>
  <p>Thanks</p>
  <p>Note: I am using react-navigation v5.</p>
  <pre><code>import React from &quot;react&quot;;
  import {
    FontAwesome5,
    Ionicons,
    Feather,
    FontAwesome,
  } from &quot;@expo/vector-icons&quot;;
  import { NavigationContainer } from &quot;@react-navigation/native&quot;;
  
  import { createBottomTabNavigator } from &quot;@react-navigation/bottom-tabs&quot;;
  
  import MainAppNavigator from &quot;../navigations/AppNavigator&quot;;
  
  
  const Tab = createBottomTabNavigator();
  
  const AppNavigator = () =&gt; (
    &lt;Tab.Navigator initialRouteName=&quot;Home&quot;&gt;
      &lt;Tab.Screen
        name=&quot;Home&quot;
        component={MainAppNavigator}
        options={{
     headerTitle: &quot;Simply Dispatch&quot;,
      headerTintColor: &quot;#fff&quot;,
      headerStyle: {
        backgroundColor: &quot;#495AEC&quot;,
      },
          tabBarIcon: ({ color, size }) =&gt; (
            &lt;FontAwesome name=&quot;truck&quot; size={size} color={color} /&gt;
          ),
        }}
      /&gt;
     
    &lt;/Tab.Navigator&gt;
  );
  
  export default AppNavigator;
  
  
   
  </code></pre>