You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
On version starting from 7.24.3, when you push in a heavy screen or from a heavy screen and waitForRender is enabled (or disabled, doesn't matter), for a split second the whole screen is render inside 0 pixels in the left top corner of a screen, and you can see only views that have hardcoded width and height. So the only way to workaround this bug is to add is to add this style to the root view of the screen
🐛 Bug Report
On version starting from
7.24.3
, when you push in a heavy screen or from a heavy screen andwaitForRender
is enabled (or disabled, doesn't matter), for a split second the whole screen is render inside 0 pixels in the left top corner of a screen, and you can see only views that have hardcoded width and height. So the only way to workaround this bug is to add is to add this style to the root view of the screenHave you read the Contributing Guidelines on issues?
yes
To Reproduce
src/screens/PushedScreen.tsx
add this component to make the screen heavysrc/components/Root.tsx
Root component towaitForRender
option tosrc/commons/options/Options.ts
Expected behavior
All screen should be rendered without jumping and flickering
Actual Behavior
Weird flickering and for a split second only items with hardcoded height are rendered
Your Environment
Reproducible Demo
https://github.com/sintylapse/react-native-navigation/tree/broken-waitforrender-demo
Screen.Recording.2022-02-12.at.16.46.34.mov
Are you willing to resolve this issue by submitting a Pull Request?
The text was updated successfully, but these errors were encountered: