react-native-screens icon indicating copy to clipboard operation
react-native-screens copied to clipboard
verified publisher icon software-mansion

[Android] When stack is wrapped with SafeAreaView, then the insets are still applied to header

Open Ubax opened this issue 2 months ago • 1 comments

Description

When ScreenStack is wrapped with SafeAreaView (either react-native-safe-area-context or the one from screens) then the top inset is still applied to header. This makes the header too tall.

Image

Related PRs:

  • https://github.com/software-mansion/react-native-screens/pull/2464
  • https://github.com/software-mansion/react-native-screens/pull/3264

Steps to reproduce

https://snack.expo.dev/@jtkacz/screens-android-wrong-top-inset

Snack or a link to a repository

https://snack.expo.dev/@jtkacz/screens-android-wrong-top-inset

Screens version

4.16.0 +

React Native version

0.81

Platforms

Android

JavaScript runtime

None

Workflow

None

Architecture

None

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

Ubax avatar Nov 14 '25 09:11 Ubax

Can you check if https://github.com/software-mansion/react-native-screens/pull/3405 fixes the issue?

kligarski avatar Nov 19 '25 10:11 kligarski