React-native-router-flux: The nav bar and the tab bar block my scene

[mickeyinfoshan]

Version

Tell us which versions you are using:

• react-native-router-flux v3.30.0
• react-native v0.25.1

Expected behaviour

My scene shouldn't be blocked by the navbar and the tabbar when no sceneStyle is specified.

Actual behaviour

My scene is blocked so I have to specify the sceneStyle.

Steps to reproduce

1. Just use the example and change the style a little

[KishPatel1996]

A cheap hack I use is to pad the view by Navigator.NavigationBar.Styles.General.TotalNavHeight.

For each scene, add the above line to 'paddingTop:'

[281330]

There is a small snippet in the example app that handles this.

[281330]

if (computedProps.isActive) {
    style.marginTop = computedProps.hideNavBar ? 0 : 64;
    style.marginBottom = computedProps.hideTabBar ? 0 : 50;
  }

[rturk]

Hi @mickeyinfoshan please be more specific. Ideally share a screenshot. Overall please explain what do you mean by block?

[charpeni]

I confirm this issue, I just ran on it.

I'll give more details soon.

[charpeni]

I don't know if it what's @mickeyinfoshan means.

If you remove hideNavBar from the Example (here), you won't be able to swipe back with Android because the scene will be blocked in transition.

Any ideas?

cc @aksonov @rturk @sarovin

[leoskyrocker]

@charpeni I ran into the problem @mickeyinfoshan is having, and it's different from what you're describing here:

If you remove hideNavBar from the Example (here), you won't be able to swipe back with Android because the scene will be blocked in transition.

The problem I run into is that the navbar seems to be overlaid on the scene so if I display something at the top of the view it will potentially be covered by the navbar.