Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blank screen on native stack push animation with nested navigator #629

Closed
savelichalex opened this issue Sep 10, 2020 · 3 comments
Closed

Comments

@savelichalex
Copy link

savelichalex commented Sep 10, 2020

react-native-screens version: 2.10.1 (with patch, details below)
react-native: 0.62.2 (same for 0.63)
@react-navigation/native: ^5.6.1

I had a same problem as in #432 , therefore I had to apply a patch #600 . It fixed header buttons positions, but introduced a new bug. When you push a new screen with nested stack navigator in it, it will render nothing until transition animation is finished (persist even when Slow animations flag is turned on for a simulator).

bug-1

bug-2

In our project we use a custom navigator and I created a branch in it to help you to reproduce the problem.

(You could apply a patch with ./apply-patch.sh command in Example folder, also make sure that Example/node_modules/react-navigation-surf/src/createSurfSplitNavigator.js use proper if statement (we had to turn off ios support until fix is found).

@WoLewicki
Copy link
Member

Please apply also #613 and see if it fixes the issues.

@savelichalex
Copy link
Author

@WoLewicki it helped, thanks!

@WoLewicki
Copy link
Member

And there are no new issues with this setup?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants