search

th3rdwave / react-native-safe-area-context

A flexible way to handle safe area insets in JS. Also works on Android and Web!
MIT License
2.17k stars 200 forks source link

[Android] Safe area insets missing on Surface Duo devices #195

Open Shanghai- opened 3 years ago

Shanghai- commented 3 years ago

The Surface Duo is a two-screen mobile device. When an app is displayed in landscape (one screen only, horizontal) or double landscape (two horizontal screens one on top of the other), its OS adds a 16dp app switcher handle to the right side of the screen. This handle does not impact the width of the window (the screen is 720dp wide in this orientation, and so is the window), so it should be accounted for in react-native-safe-area-context.

Furthermore, the 24dp system tray at the top of the screen is also ignored by this package. This can result in top-of-app navigation buttons being partially buried under the system tray.

Tested using react-native-safe-area-context version 0.7.3.

Shanghai- commented 3 years ago

I upgraded to version 3.2.0 and am still seeing this issue.