Edge-to-edge support

[zoontek]

👋 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!

[lukewalczak]

On the next branch I've just updated the library to the latest react-native version along with updating expo to SDK 53, where the edge-to-edge is enabled by default.

Looks like BottomNavigation and Appbar components which may be potentially affected looks properly as expected:

-	-	-	-

[zoontek]

@lukewalczak Perfect! Thanks for the confirmation

[micahlt]

I'm confused as to how you managed to get the AppBar to adapt properly. My app (on the latest version of Paper) doesn't seem to do so automatically. Using Expo 53.

Even when provided the safeAreaInsets prop, it doesn't work properly.