React Navigation Fix header height in iOS

Have you ever faced large header height for iphones??

Like this one

Well then you can fix this easily with one line of code

In your navigator’s default navigation options add this

headerForceInset: { top: "never", bottom: "never" }

So It will be something like

const awesomeNavigator = createStackNavigator({
	// all screens
}, {
	defaultNavigationOptions: {
		headerForceInset: { top: "never", bottom: "never" }
	}
})

Now it changes to

This post is also available on DEV.