Screen flickering when go back (using newArchitecture: true and only on Android)

[code-504]

Description

After successfully pushing a new screen with router.push(), pressing the back button causes the screen to flash. This issue only occurs when the new architecture is enabled and on Android.

2024-12-12.23-14-40.mp4

Steps to reproduce

1. Download the repository.
2. Run the command npm install.
3. Start the project using npm start -- -c.
4. Open Expo Go on an emulator or a real device, and scan the QR code.
5. Press the "HOLA" button to navigate to the next screen.
6. Press the Android back button or the header back button.

It will display a flash when navigating back to the previous screen. I used bright colors to demonstrate the color change.

Snack or a link to a repository

https://github.com/code-504/expo-router-flashing-screen

Screens version

4.4.0

React Native version

0.76.5

Platforms

Android

JavaScript runtime

Hermes

Workflow

Expo managed workflow

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Android emulator

Device model

Nexus 5 (Android 7)

It also occurs in physical devices: Pixel 7a (Android 15)

Acknowledgements

Yes

[code-504]

There was a PR related to this issue, but the problem still persists: #2465

[kkafar]

@code-504 hey, thanks for reporting, however I do not confirm the issue.

Screen.Recording.2025-01-08.at.10.53.27.mov

This seems to be working completely fine as on the recording I provided above.

I'm using react-navigation v7 & screens 4.4.0 without expo and expo router.

If you insist that the issue persists you should either:

1. provide us with reproduction w/o expo & expo-router (best way is to experiment with our FabricExample app - see instructions)
2. report the issue in the downstream (expo repository), as we won't be able to resolve it here, since it works as expected already ☝️

I'll close the ticket, but I'm not limiting discussion. If an reproduction springs out I'll reopen.

[code-504]

I've created a bare React Native app with two screens, and it works correctly. It seems to be an Expo issue.

bare.react.native.app.mp4

[kkafar]

Thanks for confirming!