React-native-navigation: Tab Bar height issue on ios 12.1

[jsina]

Issue Description

After I've update my iphone 6s to ios 12.1 I'm having an issue with my app tab bar height when I wanna get back to the main page. in fact everything is ok when app started but when I navigate to the any page with hidden tab bar and after that back again to the main page with the tab bar, as you could see on the picture, the tab tab height has a problem with its height.
also I've got this problem with whatsapp. maybe its gonna be the global ios bug but anyway I wanna know is there anyone have this issue or have some workaround for solving it?

Screenshots

---

Environment

• React Native Navigation version: 1.1.4
• React Native version: "0.56.0"
• Platform(s) (iOS, Android, or both?): iOS 12.1
• Device info (Simulator/Device? OS version? Debug/Release?): iPhone 6s

[abderra7mane]

i noticed the same here with whatsapp
ios 12.1

[jsina]

@abderra7mane Have you got the answer from whatsapp team?

[gundlev]

I have the same problem.

[yourDevGuy]

https://stackoverflow.com/questions/53084806/uitabbar-items-jumping-on-back-navigation-on-ios-12-1

[abderra7mane]

@jsina this the answer from whatsapp team

“
Hi,

Thanks for your message.

We apologize for the inconvenience, but this is an issue related to the iOS and not WhatsApp itself. Please try to reboot your phone (turn it off, wait 30 seconds and turn it back on). If the issue persists, unfortunately, there is nothing we can do from our end to fix a problem with the iOS.

Note: Please consider updating to the latest iOS if possible, as Apple often releases bug fixes and feature improvements in their latest iOS version. You can update your iOS by going to iPhone Settings > General > Software Update. If the issue continues to persist after updating to the latest iOS, please contact Apple Support for additional assistance.

If you have any other questions or concerns, please feel free to contact us. We'd be happy to help!

Charlie
WhatsApp Support Team
“

like everyone says, it’s an ios bug, may be it will be solved on the next update.

[GetSource1234]

Have the same issue. As a temporary workaround you can use tabBarTranslucent: false within tabStyles. Or, change self.tabBar.translucent to NO (i.e. self.tabBar.translucent = NO; ) in RCCTabBarController.m. Both options verified within v1.

[jsina]

@GetSource1234 workaround has worked for me.

[qq715555403]

Have the same issue. As a temporary workaround you can use tabBarTranslucent: false within tabStyles. Or, change self.tabBar.translucent to NO (i.e. self.tabBar.translucent = NO; ) in RCCTabBarController.m. Both options verified within v1.

very good

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale[bot]]

The issue has been closed for inactivity.