[Android][Paper] - Jumping/flickering for nested stacks

[kkafar]

Description

@kkafar: Duplicated from #3006

When using bottom-tabs and native header, the first time you focus a tab, the screen will jump/flicker and not being in the correct position as you can see on the video. This happens on Fabric and on Paper.

It started happening after this PR: #2756

jumping.mp4

Here is the repo: https://github.com/ferrannp/react-native-screens-testing

Steps to reproduce

See https://github.com/ferrannp/react-native-screens-testing

1. Add enableEdgeToEdge to MainActivity to enable edge to edge below API 35
2. Add @react-navigation/bottom-tabs
3. Each bottom tab is a Native Stack
4. When loading the app, the first time you focus a tab, the screen will flicker and not being in the correct position

Snack or a link to a repository

https://github.com/ferrannp/react-native-screens-testing

Screens version

4.12.0

React Native version

0.79.5

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Paper (old architecture)

Build type

Debug mode

Device

Android emulator

Device model

Pixel 8 Api 34

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[malikKartik]

I can help with testing fix for this issue - once with fix is checked in

[kkafar]

This issue is deprioritized atm.

The fix for default architecture will be shipped soon.

We have currently no clear idea how to fix it on legacy arch & we're moving our focus to different topics.

Any contributions here are welcome.