React Navigation 8 plans to use React's <Activity mode="hidden"> to unmount effects on inactive screens for better performance. However, this also hides content via display:none, causing blank screen flashes during swipe-back gestures. The post details a cross-platform workaround: on native (Android/iOS), a custom view using NativeComponentRegistry overrides the style's process function to always return 'contents' instead of 'none'; on web, a MutationObserver watches for style attribute changes and immediately resets display to 'contents'. Both approaches preserve the effect-unmounting benefit while keeping screens visually rendered during navigation transitions.
Sort: