App goes behind iPhone X notch in Landscape mode

[brownieboy]

I have gone through these following points

• Check latest documentation: https://docs.nativebase.io/
• Check for existing open/closed issues for a possible duplicate before creating a new issue: https://github.com/GeekyAnts/NativeBase/issues
• Use the latest NativeBase release: https://github.com/GeekyAnts/NativeBase/releases
• Check examples from NativeBase KitchenSink https://github.com/GeekyAnts/NativeBase-KitchenSink
• For discussion purpose make use of NativeBase Slack: http://slack.nativebase.io/
• For queries related to theme, check Theme Variables from Docs and live NativeBase Theme Editor http://nativebase.io/customizer/

Issue Description

node, npm, react-native, react and native-base version, expo version if used, xcodeversion

Node: v8.11.1
NPM: 5.6.0
"dependencies": {
"native-base": "^2.12.1",
"react": "16.8.3",
"react-native": "0.59.1"
},

Expected behaviour

Safe area should work in Portrait and Landscape modes

Actual behaviour

Safe area only works in Portrait mode. In Landscape mode, the app partially disappears behind the notch (see screenshots below).

Steps to reproduce

Simple test repository here: https://github.com/brownieboy/nbiphonexheadertest

Is the bug present in both iOS and Android or in any one of them?

iOS and then only on devices with the notch. Tested on iPhone X Simulator. (Don't have real hardware to test.)

Any other additional info which would help us debug the issue quicker.

If I wrap the <Container> in a react-native <SafeAreaView>, it fixes the Landscape mode issue, but it messes up the <Header> height in Portrait mode, see #2440.

[SupriyaKalghatgi]

Commit 167e2d1

[tspike]

I encountered this issue in the context of #2947, where you can't use this fix without getting a warning about nested VirtualizedLists. My workaround is described here: #2947 (comment)