Compatibility Issues with React Navigation Component

[testz2104]

Hello,

I am facing a weird issue in all the IOS simulators. I am using Native Base along with React Navigation library for React. The issue is when React Navigation is used with Native Base then it is not aligning the header properly. But without the React Navigation component its working perfectly. Below mentioned is the Screenshot for this.

Before installation of React Navigation component:

After installation of React Navigation component:

This is happening for all IOS Simulators.

The code that I am trying is attached in this package mentioned below. Its just a test App so nothing major. The package.json file along with the code is included in the zip file itself. This is what I have tried so far.

testApp.zip

Is there any way to fix this or is there any work around for this ?

Thanks in advance.

[grant1842]

Not at my computer but you may just need to set the headerMode to none on your navigation items