Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Picker on iPhoneX not respecting Safe Area

See original GitHub issue

react-native, react and native-base version

"react": "16.3.0-alpha.1", "react-native": "^0.55.3", "native-base": "^2.3.10"

Expected behaviour

Picker on iOS shows a “modal” view taking the whole screen. On iPhone X it should respect the safe areas

Actual behaviour

On iPhoneX the picker modal view does not respect Safe Areas, causing a misplacement.

The back button is shown behind the status bar and it cannot be touched. The title is barely visible (falls behind iphone x top bezel)

captura de pantalla 2018-05-30 a las 10 02 01

Is the bug present in both ios and android or in any one of them?

Only on iphone X (iOS)

Issue Analytics

State:
Created 5 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

UdayChintalacommented, Apr 9, 2020

Any solution or workaround for iPhone Xs Max?

1reaction

ironworkshopcommented, Feb 22, 2019

iPhone X is fine now, however this issue is presenting with iPhone XS Max and iPhone XR.

Top Results From Across the Web

Picker items on iOS modal does not respect SafeArea ...

The picker items should not be displayed beneath screen space that would be outside of a SafeAreaView. Actual behaviour. image. Steps to ...

Image picker cameraoverlay within the safe area for Iphone ...

I have created s custom UI and assigned it to the camera overlay of UIImagePickerController as below. ... This works fine with the...

barTintColor not working in iOS 15

Hi,. When I run the following code in application(_ :didFinishLaunchingWithOptions) in iOS 15, the bar color turns transparent (thus, showing the black ...

iPhone X's New Margins - How to Fix using ... - YouTube

With the introduction of iPhone 10, we as developers are now faced with another option for our apps to be displayed in.

How do I make a UIDatePicker as inputView not respect ...

How do I make a UIDatePicker as inputView not respect safe area? Implemented as.... textField.inputView = datePicker ... By that do you mean,...