navigation-ex | Routing and navigation for your React Native apps | Navigation library

Dynamically changing the tabBarVisible is not recommended for the reasons you're experiencing right now:

The documentation says:

Some tab navigators such as bottom tab navigator also have a tabBarVisible option which can be used to hide the tab bar based on instructions in the Screen options resolution guide. However, we don't recommend using it since showing/hiding the tab bar mid-navigation can affect the animation of the stack navigator causing glitchy behaviour.

Source: https://reactnavigation.org/docs/hiding-tabbar-in-screens/

Instead of hiding the tab bar dynamically I would change the structure of your navigators instead where your main navigator is your stack navigator and where your tab navigator is a screen of your stack navigator. So you can do something like this: