Implement tabBarHidden

[okwasniewski]

Goal of this issue is to implement tabBarHidden config option to be able to hide the tab bar on certain routes.

[anudit]

@okwasniewski Looking forward to this

[cesargdm]

Expo implements it with options={{ href: null }} https://docs.expo.dev/router/advanced/tabs/#hiding-a-tab

[okwasniewski]

Hey @cesargdm, options={{ href: null }} is used for hiding a screen not the tab bar.

The screen hiding is also supported using tabBarItemHidden, supporting href: null is possible but would require creating an expo specific package with the navigator (they add it on top of React Navigation tabs too).

[rochajulian]

Any update in this? The way that I used to do it on Expo is as follows:

<Tabs.Screen
    name="index"
    options={{
        href: null,
        tabBarStyle: {
            display: "none"
        }
    }}
/>

This would effectively hide the screen from the tab bar AND the tab bar on that screen.

[okwasniewski]

I'm moving this to discussions because all feature requests will now be under the "Ideas 💡" tab in GitHub discussions.

[guillaumehcht]

Looking forward to this as well! As I am getting issues with fixed button at the bottom of a Modal moving down after a couple of seconds after rendering and it seems it's the TabBar messing with the layout :)

I guess if if I can hide the tabBar specifically on that screen that would solve the issue? Not sure.