react-native-safe-area-context icon indicating copy to clipboard operation
react-native-safe-area-context copied to clipboard

iphone xr withSafeAreaInsets()

Open nschild opened this issue 4 years ago • 1 comments

I have an iphone xr, which has a top notch and a soft bottom nav button thing. This looks correct for portrait: this.props.insets = {"bottom": 34, "left": 0, "right": 0, "top": 48}

And on portrait, the notch is now on the left, and th bottom bar thing is moved to the bottom and I get these insets: insets this.props.insets = {"bottom": 21, "left": 48, "right": 48, "top": 0}. I would expect it to come across as this.props.insets = {"bottom": 34, "left": 48, "right": 0, "top": 0}

Are the left and right both set to 48 expected?

nschild avatar Sep 10 '21 20:09 nschild

Hi @nschild, struggling with the same problem. Have you found any reasonable workaround?

arturbil avatar Aug 08 '22 09:08 arturbil

Are the left and right both set to 48 expected?

Yes

jacobp100 avatar Jan 19 '23 16:01 jacobp100