software-mansion / software-mansion/react-native-screens
[Android] When stack is wrapped with SafeAreaView, then the insets are still applied to header
Open
area:stack-v4
platform:android
repro-provided
type:bug
- Dominant language
- TypeScript
- Stars
- 3.7k
- Forks
- 714
- Avg merge
- 2d 23h
- Merged PRs (30d)
- 71
Description
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.
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
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.