react-native-safe-area-context
react-native-safe-area-context copied to clipboard
[Hot-bug ]:Android SafeAreaProvider Top Edge Not Working on Android 15+ Devices (e.g., Samsung S21 Ultra, OnePlus 11R)
Description
On newer Android devices running Android 15 and above, the react-native-safe-area-context SafeAreaProvider's top inset does not correctly account for the status bar and display cutouts (notches). This results in UI content overlapping the status bar or the device's notch area, especially on devices like Samsung Galaxy S21 Ultra and OnePlus 11R.
#633
Details : info Fetching system and libraries information... System: OS: macOS 15.3.1 CPU: (8) arm64 Apple M2 Memory: 130.59 MB / 8.00 GB Shell: version: "5.9" path: /bin/zsh Binaries: Node: version: 22.14.0 path: ~/.nvm/versions/node/v22.14.0/bin/node Yarn: version: 3.6.4 path: ~/.yarn/bin/yarn npm: version: 10.9.2 path: ~/.nvm/versions/node/v22.14.0/bin/npm Watchman: version: 2025.04.28.00 path: /opt/homebrew/bin/watchman Managers: CocoaPods: version: 1.16.2 path: /Users/mac/.gem/ruby/3.4.0/bin/pod SDKs: iOS SDK: Platforms: - DriverKit 24.4 - iOS 18.4 - macOS 15.4 - tvOS 18.4 - visionOS 2.4 - watchOS 11.4 Android SDK: API Levels: - "33" - "34" - "35" Build Tools: - 33.0.1 - 34.0.0 - 35.0.0 - 35.0.1 System Images: - android-29 | Google APIs ARM 64 v8a - android-35 | Google APIs ARM 64 v8a - android-35 | Google Play ARM 64 v8a Android NDK: Not Found IDEs: Android Studio: 2024.2 AI-242.23726.103.2422.13016713 Xcode: version: 16.3/16E140 path: /usr/bin/xcodebuild Languages: Java: version: 17.0.14 path: /usr/bin/javac Ruby: version: 3.4.2 path: /opt/homebrew/opt/ruby/bin/ruby npmPackages: "@react-native-community/cli": installed: 18.0.0 wanted: 18.0.0 react: installed: 19.0.0 wanted: 19.0.0 react-native: installed: 0.79.2 wanted: 0.79.2 react-native-macos: Not Found npmGlobalPackages: "react-native": Not Found Android: hermesEnabled: true newArchEnabled: true iOS: hermesEnabled: true newArchEnabled: true
Steps to reproduce
Install apk in Android 15 +
Snack or a link to a repository
https://stackoverflow.com/questions/79638900/android-safeareaprovider-top-edge-not-working-on-android-15-devices-e-g-sams
Safe Area Context version
5.4.1
React Native version
0.79.2
Platforms
Android
Architecture
Fabric (New Architecture)
Build type
None
Device
Real device
Device model
oneplus 11 r , samsung 21 ultra , Android Emulator - Pixel_9_Pro_XL_AP|_35:5554
Acknowledgements
Yes