Screen glitch during navigation

[myxmaster]

Describe your enhancement idea

I noticed that when navigating between screens that are on top of others (e.g. navigating between menu<->settings, which are on top of balance screen) that the bottom screen is flickering in between, although it shouldnt be visible at all.
I am pretty sure this wasn't the case a few Zeus versions back, but I don't know what introduced this.

I made a screen recording (25% speed so it is easy to see) with Android emulator, but I can also see this on multiple physical Android devices.

20260203_zeus_navigation_glitch_slow.mp4

[LSUDOKO]

hi can you assign me this issue ??

[myxmaster]

only @kaloudis can assign

[kaloudis]

hi can you assign me this issue ??

We don't assign issues outside of our team. You're free to attempt a fix and submit a PR though.

[kaloudis]

Currently investigating and transition from @react-navigation/stack to @react-navigation/native-stack. Hoping to get better performance.

[myxmaster]

The probable root cause is store actions that reset observables synchronously before async work completes. If a screen is still animating out when that happens, MobX immediately rerenders it with empty/reset state. Deferring those resets until the navigation animation has fully completed should fix it.

Found this, but it is deprecated:
https://reactnative.dev/docs/interactionmanager