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

Screen height is randomly calculated wrong when navigating between stacks #10202

Closed
3 of 11 tasks
rudi-one opened this issue Dec 17, 2021 · 5 comments
Closed
3 of 11 tasks

Comments

@rudi-one
Copy link

rudi-one commented Dec 17, 2021

Current behavior

Only for Android.
When going between screens. Sometimes (not always) there seems to be problem with calculating screen height. That's why content is hiding beneath bottom bar. But when I for example toggle switch on screen (screen re-renders) and the issue is gone. See on video.

native-stack-bug

Expected behavior

When going between screens content is set on right position, height of screen is calculate properly. There's no content jumping.

Reproduction

no link

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Packages

  • @react-navigation/bottom-tabs
  • @react-navigation/drawer
  • @react-navigation/material-bottom-tabs
  • @react-navigation/material-top-tabs
  • @react-navigation/stack
  • @react-navigation/native-stack

Environment

package version
@react-navigation/native ^6.0.6
@react-navigation/drawer ^6.1.8
@react-navigation/native-stack ^6.2.5
react-native-safe-area-context ^3.3.2
react-native-screens ^3.9.0
react-native-gesture-handler ^1.10.3
react-native-reanimated ^1.9.0
react-native 0.66.3
node 16.8.0
npm or yarn 1.22.17
@rudi-one rudi-one added the bug label Dec 17, 2021
@github-actions
Copy link

Couldn't find version numbers for the following packages in the issue:

  • @react-navigation/bottom-tabs
  • @react-navigation/material-bottom-tabs
  • @react-navigation/material-top-tabs
  • @react-navigation/stack

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

@github-actions
Copy link

Hey! Thanks for opening the issue. The issue doesn't seem to contain a link to a repro (a snack.expo.dev link or link to a GitHub repo under your username).

Can you provide a minimal repro which demonstrates the issue? A repro will help us debug the issue faster. Please try to keep the repro as small as possible and make sure that we can run it without additional setup.

@rudi-one
Copy link
Author

I prepared some repo with bug: https://github.com/rudi-one/nav-stack-bug

@rudi-one
Copy link
Author

rudi-one commented Jan 5, 2022

This bug comes not from react-navigation but from react-native new version and is related with Switch issue: facebook/react-native#32594

@rudi-one rudi-one closed this as completed Jan 5, 2022
@github-actions
Copy link

github-actions bot commented Jan 5, 2022

Hey! This issue is closed and isn't watched by the core team. You are welcome to discuss the issue with others in this thread, but if you think this issue is still valid and needs to be tracked, please open a new issue with a repro.

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

No branches or pull requests

1 participant