title: React Navigation 5 - createNativeStackNavigator with custom header
body: <p>I'm using React navigation 5 on react native application. I try to use NativeStackNavigator with custom header. With React navigation 4 it's worked but no with 5.</p>
  
  <p>React navigation 4: </p>
  
  <pre><code>import { createStackNavigator } from 'react-navigation-stack';
  
  ...
  
  const _baseNavigationOptions = (props, icon, text) =&gt; {
      return ({
        headerTitle: () =&gt; &lt;TitleComponent  {...props} config={someConfiguration}/&gt;,
        headerStyle: {
          backgroundColor: '#6084AD',
        },
        headerTintColor: '#FFF'
      });
    }
  
  ...
  const ConsumptionStackNavigator = createStackNavigator({
      Consumption: {
          screen: Consumption,
          navigationOptions: _baseNavigationOptions({name:'bars', type: 'font-awesome'}, 'My Consumptions')
      }
  }
  </code></pre>
  
  <p>When i'm trying to do the same thing with reactNavigation 5, the headerTitle doens't work :</p>
  
  <pre><code>import { createNativeStackNavigator } from '@react-navigation/native-stack';
  
  ...
  
    return (
        &lt;Stack.Navigator
          initialRouteName="Consumption"
          screenOptions={{
            headerTitleAlign: 'center'
          }}&gt;
          &lt;Stack.Screen
            name="Consumption"
            component={ComsumptionComponent}
            options={{ header: (props) =&gt; _baseNavigationOptions(props, {name:'bars', type: 'font-awesome'}, 'My Consumption') }}
          /&gt;
  ...
  </code></pre>
  
  <p>the header display Consumption and not my custom component. If i try with headerRight instead of headerTitle, I have the same problem</p>
  
  <p>Can you help me :)</p>