Change bottom tab visibility

[agestaun]

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.

[filipef101]

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

[Rubenvdveen]

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

[ahmedawaad1804]

can you provide video recording please ?

[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.

[bishalraif]

@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.

@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 ?