Edge-to-edge support

[zoontek]

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!

Steps to reproduce

1. Install react-native-edge-to-edge in your example app.
2. Verify that everything works as expected and that no unexpected issues occur on your end.

Snack or a link to a repository

https://github.com/zoontek/react-native-edge-to-edge

Gesture Handler version

2.24.0

React Native version

0.77.0

Platforms

Android

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[m-bert]

Hi @zoontek! Thanks for letting us know!

I've just tested Gesture Handler with edge-to-edge and it seems to work 😄 To be more specific, I've tested whether coordinates returned in our events respect edge-to-edge model (i.e. if they act like StatusBar is not present) and they do.

Let me know if you think that there's something more to be checked, otherwise I think that we can close this issue 😅

Note

At first I thought that gestures should be captured on the StatusBar, but unfortunately system gestures have higher priority and it may not be possible. I've also checked whether we receive events on StatusBar and it seems that we don't 😞

[zoontek]

@m-bert No, I think we are good, thanks for your time! 🙂