Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[iOS, v4.0.0-beta.16] TabBar is above the NavBar when using tabBarPosition="top" #2190

Closed
OrianeInMoon opened this issue Aug 5, 2017 · 3 comments

Comments

@OrianeInMoon
Copy link

Version

  • react-native-router-flux v4.0.0-beta.16
  • react-native v0.46.4

Expected behaviour

TabBar should be below NavBar when using tabBarPosition="top".

Actual behaviour

Two problems:

  • On iOS 10.3 (simulator), the TabBar renders above the NavBar when using tabBarPosition="top"
  • title doesn't appear in the header

Steps to reproduce

<Scene
  key="pagewithtabs"
  title="Page with tabs"
  swipeEnabled
  gestureEnabled
  initial
  showLabel
  tabs
  tabBarPosition="top"
>
  <Scene
    key="tab1"
    tabBarLabel="TAB #1"
  >
    <Scene
      key="tab1_1"
      component={Page1}
    />
  </Scene>
  <Scene
    key="tab2"
    tabBarLabel="TAB #2"
  >
    <Scene
      key="tab2_2"
      component={Page2}
    />
  </Scene>
</Scene>

Do some has a working ios code with this versions??
Thanks!

@aksonov
Copy link
Owner

aksonov commented Aug 7, 2017

Looks like react-navigation issue: react-navigation/react-navigation#88
Could you please test pure react-navigation tabbar demo?

@aksonov
Copy link
Owner

aksonov commented Aug 10, 2017

Closed due inactivity. Feel free to reopen.

@aksonov aksonov closed this as completed Aug 10, 2017
@pgonzalez-santiago
Copy link

Having the same problem. How did you fix it? @OrianeInMoon

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants