I’m using the React Native Ignite template along with React Native Paper components. When navigating between 2 pages that are both using the useHeader util hook that comes in the template, the header renders very strangely. I’ve noticed the behavior on some other pages, but it’s sometimes only on the first load. This particular case doesn’t use any data (like a dynamic header based) which was my first assumption on why it’s not working correctly.

Odd behavior gif

I’ve tried to modify the useHeader hook component and that doesn’t seem to do anything. If I use the react native navigation useNavigation hook it works fine, but I like the look of the Ignite header better