question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

hideTabBar not working in nested scenes

See original GitHub issue

Version 4.0.3

Tell us which versions you are using:

  • react-native-router-flux v4.0.3
  • react v16.4.2
  • react-native v0.55.4

Expected behaviour

hideTabBar should hide the tab bar in scenes.

Actual behaviour

hideTabBar doesn’t hide the tab bar.

Steps to reproduce

For non-obvious bugs, please fork this component, modify Example project to reproduce your issue and include link here.

  1. Create <Stack>
  2. Inside Stack create <Tabs>
  3. Inside Tabs create <Stack>
  4. Inside Stack create <Scene hideTabBar={true} … />

Reproducible Demo

<Stack key="root">
  <Stack key="Test" type={ActionConst.RESET} title="Test" hideNavBar>
    <Tabs key="TestTabs" title="TestTabs">
      <Stack key="TestTab" icon={TestIcon}>
        <Scene key="TestScene" component={TestComponent} initial />
        <Scene key="TestScene2" component={TestComponent2} hideTabBar={true} />
      </Stack>
    </Tabs>
  </Stack>
</Stack>

I have seen that there is a closed issue on this topic but it didn’t help, and 4.0.2 changelog included this as fixed bug. That is why I opened another issue mentioning v4.0.3 And in the API documentation the <Scene> has no hideTabBar prop.

Issue Analytics

  • State:open
  • Created 5 years ago
  • Reactions:8
  • Comments:13 (4 by maintainers)

github_iconTop GitHub Comments

3reactions
EthanDMcommented, Oct 1, 2018

I am also having this issue. I was previously on 4.0.0-beta.28 which used React Navigation 1.5 and worked fine. I am now trying to upgrade to 4.0.5 to support iPhone XS Max etc.

I’m not sure why there is a closed issue on this - it’s definitely a bug.

2reactions
youngcao2015commented, Dec 3, 2018

@aksonov checked lastest 4.0.6, but it still not worked in Scene Props.

Read more comments on GitHub >

github_iconTop Results From Across the Web

SwiftUI hide TabBar in subview - Stack Overflow
Since my TabView is in the struct that conforms App , it looks like there still is not any UITabBar subview in the...
Read more >
How to Create Multiple Instances of the same Webcam in OBS ...
Problem · To fix this issue, you'll need to create two different instances of the same webcam using a technique called nested scenes....
Read more >
aksonov/react-native-router-flux - Gitter
How can I hide a tab on Scene, I already tried hideTabBar={true}and hideTabBar, but nothing work, I want to hide tab on one...
Read more >
Source - GitHub
[\#3206](https://github.com/aksonov/react-native-router-flux/issues/3206) **Closed issues:** ... hideTabBar is broken when used in nested stacks/scenes ...
Read more >
react-native-router-flux - npm
Start using react-native-router-flux in your project by running `npm i ... Not required when defining a nested Scene , see example.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found