react-native-navigation Change bottom tab visibility

Describe your idea

Hi there,

In the current project I am working on, we need to display 4 tabs at the beginning. However when the user enables a feature from settings, we need to call setRoot again to display an additional tab. When calling setRoot, you can see that the app flickers, so the UX is not very good. I would like to call mergeOptions in order to display any loaded but hidden tab. This way I don't have to reload everything after calling setRoot, and the UX is much better.

I would expect something like this:

Navigation.mergeOptions('root', { bottomTab: { id: 'bluetoothTab', visible: true } })

Thanks :)

Motivation

Improve the user experience and update the available bottom tabs faster and in a more elegant way.

Are you willing to resolve this issue by submitting a Pull Request?

[ ] Yes, I have the time, and I know how to start.
[X] Yes, I have the time, but I don't know how to start. I would need guidance.
[ ] No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.

Feb 08 '23 07:02 agestaun

I've also stumbled upon this, after much digging on ios I was unsucessful

Feb 08 '23 23:02 filipef101

I would also really like this feature. Seems kind of crazy that this does not yet exist..?

Feb 15 '23 13:02 Rubenvdveen

can you provide video recording please ?

Feb 28 '23 14:02 ahmedawaad1804

@ahmedawaad1804 There isn't much to record, because when we try the following:

Navigation.mergeOptions('OFFERS', {
      bottomTab: {
        visible: false,
      },
    })

The bottom tab doesn't get hidden from the bottomtabs.

Mar 31 '23 09:03 Rubenvdveen

@ahmedawaad1804 There isn't much to record, because when we try the following:
Navigation.mergeOptions('OFFERS', {
      bottomTab: {
        visible: false,
      },
    })
The bottom tab doesn't get hidden from the bottomtabs.

@Rubenvdveen hey did you find anyway to make bottom tab hidden ?

Jul 10 '23 11:07 bishalraif