Large Header with Custom Component Getting Cut Off

I’m using createNativeStackNavigator() and providing my own headerCenter component that is taller than the default iOS header height. I’m trying to use headerLargeTitle so it fits. The problem is, my component won’t render any taller than the non-large height. It appears that the large header title is cutting it off, even though I’m making the title transparent. However, when I navigate, it shows the component correctly very briefly. It might be worth noting that in the non-native createStackNavigator() this works fine.

I am using the following options to get this effect:

{
  title: 'Feed',
  headerLargeTitle: true,
  headerTitleStyle: {
    color: 'transparent',
  },
  headerCenter: () => (
    <CallHeader
      displayName="Bob"
      trulyNumber="[phone]"
    />
  ),
}

[cmrigney]

Here is an example of what I’m referring to.

[cmrigney]

@WoLewicki Thanks for investigating this. We decided to use the non-native stack navigator to get the features we need. This can be closed.