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

Navigation Tabs Header Layout Jump #6996

Closed
RossValler opened this issue Jan 22, 2020 · 3 comments
Closed

Navigation Tabs Header Layout Jump #6996

RossValler opened this issue Jan 22, 2020 · 3 comments

Comments

@RossValler
Copy link

Current Behavior

Currently running this example from the documentation and experiencing a "layout jump" with the header title.
RPReplay_Final1579717986

Expected Behavior

The header title transitions smoothly.

How to reproduce

  • Re-created on Snack
  • Run the example on the Expo app on iOS device (the issue is not present on the Snack simulator)
  • Switch to the Settings tab, then back to the Home tab.
  • The header label jumps down

Your Environment

software version
iOS or Android iOS 13
react-navigation 4.0.10
react-native 0.61.4
expo 36.0.0
@RossValler
Copy link
Author

Never mind, this is resolved by implementing the SafeAreaProvider component from react-native-safe-area-context as per instructions here https://reactnavigation.org/docs/en/next/handling-safe-area.html

@satya164 satya164 transferred this issue from react-navigation/stack Feb 24, 2020
@github-actions
Copy link

github-actions bot commented Dec 2, 2021

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.

@mahmudgitdev
Copy link

i think its a big mistake,please fix this problem

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

3 participants