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

Correct way to setup tabs and drawer, showing two headers #2002

Closed
isAlmogK opened this issue Jul 10, 2017 · 9 comments
Closed

Correct way to setup tabs and drawer, showing two headers #2002

isAlmogK opened this issue Jul 10, 2017 · 9 comments

Comments

@isAlmogK
Copy link

Hi, first so far this is a really great lib. I'm working off the example which is a bit hard I used to more docs.

I'm trying to setup the following navigation structure
Public scenes

  • Login
  • ResetPassword
    Main scenes should have tabs at the bottom
  • Home
    • Teams (part of home)
  • Photos

Right now I have the following code

<Provider store={store} >
                <ConnectedRouter>
                    <Scene key="root">
                        <Scene key="login" component={Login} initial={true} title={'Login'} />
                        <Scene key="ResetPassword" component={ResetPassword} title={'Reset Password'} />
                        <Scene key="tabBar" tabs>
                            <Scene key='Home' component={Home} title='Home' initial={true} icon={TabIcon}  />
                        </Scene>
                    </Scene>
                </ConnectedRouter>
            </Provider>

But as you can see I'm getting the login header which should not show and also the back button should not work for the main/home scene

screen shot 2017-07-10 at 12 49 57 am

@aksonov
Copy link
Owner

aksonov commented Jul 10, 2017

Just use hideNavBar, hideTabBar to hide navbar/tabbar

@isAlmogK
Copy link
Author

That does not solve the issue if I have hideNavBar={true} it hides the login and home. On the home scene/view, I should just see the home header without the back button.

@aksonov
Copy link
Owner

aksonov commented Jul 10, 2017

No, it should not. Please check Example, TabBar.

@isAlmogK
Copy link
Author

To clarify by example TapBar you mean - https://github.com/aksonov/react-native-router-flux/blob/master/Example/Example.js

@aksonov
Copy link
Owner

aksonov commented Jul 10, 2017

yes

@isAlmogK
Copy link
Author

Thanks, I got it I had the hideNavBar={true} on the tabs but on the main component but I can still use gesture to gesture back the login back is there a way to disable that?

@aksonov
Copy link
Owner

aksonov commented Jul 10, 2017

Will implement for next version, please rename ticket or create new one.

@isAlmogK
Copy link
Author

@aksonov I just tested gestureEnabled={false} and it's not working

@aksonov
Copy link
Owner

aksonov commented Jul 12, 2017 via email

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

No branches or pull requests

2 participants