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
In my app, I have a custom header component that is conditionally rendered for certain screens eg. the header is not shown on the Login Screen, but is then shown on the "Home" screen. In my scenario, the "Home" Screen is part of my Bottom Tab navigator.
When booting the app from a cold start, after progressing past the "Login" Screen, where the Bottom Tab Navigator and Header is not shown, to the "Home" Screen which has the header, the Bottom Tab Navigator appears below the viewable area of the screen. However, if I either;
Send the app to the background and then bring it to the foreground
Navigate to a screen that is outside of the Tab Navigator (for example, a "Settings" screen which is accessed by a button in the top right of the view)
The Bottom Tab Navigator appears in its correct location.
Additional noteworthy points:
The larger the "Header" component is along the Y axis, the more obscured the Tab Navigator becomes
if I add the "Home" Screen in my example to the array of screens to not render the header component, the Bottom Tab Navigator appears correctly even if I then navigate to another Tab that has the header rendered.
This only started occuring after I upgraded my production app to React Native 0.73.6. (previously RN 0.70.8) I have confirmed this issue occurs on fresh sample App using 0.73.6 (see the reproduction repo)
I have only observed this on iOS devices. I don't experience this issue on Android
Expected behavior
The Bottom Tab navigator to always appear within the viewable area of the device.
Current behavior
In my app, I have a custom header component that is conditionally rendered for certain screens eg. the header is not shown on the Login Screen, but is then shown on the "Home" screen. In my scenario, the "Home" Screen is part of my Bottom Tab navigator.
When booting the app from a cold start, after progressing past the "Login" Screen, where the Bottom Tab Navigator and Header is not shown, to the "Home" Screen which has the header, the Bottom Tab Navigator appears below the viewable area of the screen. However, if I either;
The Bottom Tab Navigator appears in its correct location.
Additional noteworthy points:
Expected behavior
The Bottom Tab navigator to always appear within the viewable area of the device.
Reproduction
https://github.com/PatrickMilroy/rn-bottomTab-navigation-issue
Platform
Packages
Environment
The text was updated successfully, but these errors were encountered: