Header height too tall in portrait (iPhone X)
See original GitHub issueI 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
I’m new in react-native and using react-navigation with tabs using StackNavigator with headerMode: 'none',
option and so the reason I want to customise my header by using the NativeBase in different screens.
node, npm, react-native, react and native-base version, expo version if used, xcode version
React Native Environment Info: System: OS: macOS 10.14 CPU: (4) x64 Intel® Core™ i5-5350U CPU @ 1.80GHz Memory: 513.89 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 8.12.0 - /usr/local/bin/node npm: 6.4.1 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0 Android SDK: API Levels: 21, 22, 23, 24, 25, 26, 27, 28 Build Tools: 27.0.3, 28.0.3 System Images: android-24 | Google Play Intel x86 Atom, android-25 | Google Play Intel x86 Atom, android-28 | Google Play Intel x86 Atom IDEs: Android Studio: 3.2 AI-181.5540.7.32.5056338 Xcode: 10.0/10A255 - /usr/bin/xcodebuild npmPackages: react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728 react-native: 0.57.4 => 0.57.4 npmGlobalPackages: create-react-native-app: 2.0.2 react-native-cli: 2.0.1 react-native-git-upgrade: 0.2.7 react-native-scripts: 2.0.1
package.json “dependencies”: { “native-base”: “^2.8.1”, “react-navigation”: “^2.18.2” }
Expected behaviour
Header height to be normal/standard in iPhoneX
Actual behaviour
Header height had ~3x from expected height
Steps to reproduce
Is the bug present in both iOS and Android or in any one of them?
[iOS]
Any other additional info which would help us debug the issue quicker.
I looked into this issue https://github.com/GeekyAnts/NativeBase/issues/1823
Issue Analytics
- State:
- Created 5 years ago
- Comments:6
My fault, I’m using
<SafeAreaView>
https://github.com/GeekyAnts/NativeBase/issues/2694