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
Current Behavior
The bottom tab sometimes does not render correctly. The icons and labels appear on the same line. Below is a screenshot of the problem.
Expected Behavior
I would expect the icons to be above the labels.
How to reproduce
Use the tabs (TypeScript) template from expo init (or even the provided example in this repo).
Below is how I reproduce the bug with Expo. After tapping "Reload," I swipe up to the app switcher. When the bundle download reaches about 70%, I go back into the app.
After the app loads, I can go back into the app switcher and return to the app to fix the issue.
I have also seen this issue come up randomly without using the app switcher, but this is how I'm able to consistently reproduce the bug.
I'm not sure if I'd be able to reproduce this on a standalone (non-Expo) app since there probably wouldn't be any time to go to the app switcher and back, so this might just be an issue when using the Expo app. Unfortunately this makes it harder to determine whether this is an Expo issue or a react-navigation issue.
Your Environment
The npm package versions are the defaults when running expo init. The default react-native-screens version is 2.10.1; I tested with the latest version (2.11.0) and the issue still exists.
I also had this issue. Just wondering if it's just a simulator bug or if it's happening on real devices.
Also, I had a bug that sometimes it doesn't switch to the good screen when I touch on a bottom button BUT I know that it changed in navigation stack. The bottom button doesn't change color, neither the screen, but if I scroll up or down the screen, it will force a render (or Simulator render) and then I see the good screen with the good bottom button pressed (highlighted)
Current Behavior
The bottom tab sometimes does not render correctly. The icons and labels appear on the same line. Below is a screenshot of the problem.
Expected Behavior
I would expect the icons to be above the labels.
How to reproduce
Use the
tabs (TypeScript)
template fromexpo init
(or even the provided example in this repo).Below is how I reproduce the bug with Expo. After tapping "Reload," I swipe up to the app switcher. When the bundle download reaches about 70%, I go back into the app.
After the app loads, I can go back into the app switcher and return to the app to fix the issue.
I have also seen this issue come up randomly without using the app switcher, but this is how I'm able to consistently reproduce the bug.
I'm not sure if I'd be able to reproduce this on a standalone (non-Expo) app since there probably wouldn't be any time to go to the app switcher and back, so this might just be an issue when using the Expo app. Unfortunately this makes it harder to determine whether this is an Expo issue or a react-navigation issue.
Your Environment
The npm package versions are the defaults when running
expo init
. The defaultreact-native-screens
version is 2.10.1; I tested with the latest version (2.11.0) and the issue still exists.The text was updated successfully, but these errors were encountered: