Description
👋 Hi there!
I'm working on supporting edge-to-edge layout across the entire React Native ecosystem, as it is enforced on Android 15+ when targeting SDK level 35 (introduced in react native 0.77).
To prevent library authors from implementing their own edge-to-edge solutions—which could interfere with other libraries—and because it’s not possible to reliably detect if edge-to-edge is already enabled on Android, we collaborated with Expo to create a dedicated library: react-native-edge-to-edge. It can be detected using a simple helper: react-native-is-edge-to-edge.
Since its release, we've added edge-to-edge support to several React Native libraries:
- react-native-keyboard-controller: #660 / #765
- react-native-bootsplash: 6.2.0 release
- react-native-bottom-tabs: #97 / Docs
- react-native-true-sheet: #103
- react-native-unistyles: Discussion #342
- expo-router: #32854
- expo-status-bar / expo-navigation-bar: #34478
- react-native-reanimated: #6732
- react-native-avoid-softinput: #219
- react-native-screens: #2464 (not merged yet)
- galeria: #18
It has also been integrated into apps like:
- Bluesky: #7497 (not merged yet)
🤔 Why this issue?
As it's difficult for me to test every React Native library under all possible configurations, I’m opening issues to raise awareness and invite you to try adding react-native-edge-to-edge to your example app to verify that everything works correctly on your end. If:
1️⃣ Your library already supports edge-to-edge
👉 Feel free to close this issue—sorry for the inconvenience!
2️⃣ You'd like to add support
👉 Refer to the documentation and the PRs linked above, and feel free to ask me anything!