Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- const AppStackNavigator = createStackNavigator({
- loginFlow: {
- screen: createStackNavigator({
- intro: { screen: Intro },
- login: { screen: Login },
- registration: { screen: Registration },
- }),
- navigationOptions: {
- header: null
- }
- },
- mainFlow: {
- screen: createStackNavigator({
- MyDrawer: createDrawerNavigator({
- Dashboard: {
- screen: Home,
- },
- first: {
- screen: first,
- },
- second: {
- screen: second
- },
- third: {
- screen: third
- },
- last: {
- screen: last
- }
- }),
- // settings: { screen: SettingsScreen },
- someTab: {
- screen: createBottomTabNavigator({
- main: { screen: Home },
- firsrTab: { screen: Screen1 },
- secondTab: { screen: Screen2 },
- thirdTab: { screen: Screen3 },
- nextTab: { screen: Screen4 }
- }),
- navigationOptions: {
- header: null
- },
- }
- }),
- navigationOptions: {
- header: null
- }
- }
- });
- const AppContainer = createAppContainer(AppStackNavigator);
- import React from 'react';
- import { Header, Left, Icon, Right } from 'native-base';
- const CustomHeader = (props) => {
- return(
- <Header>
- <Left>
- <Icon
- name='menu'
- onPress={() => {this.props.navigation.openDrawer()}}
- />
- </Left>
- </Header>
- )
- }
- export { CustomHeader }
- export default RootNavigation = createSwitchNavigator({
- LoginScreen: {screen: LoginContainer},
- Application: {screen: AppDrawer},
- });
- const AppDrawer = createDrawerNavigator({
- ApplicationTab: {screen: TabBar},
- ... other screen that you might want to use in drawer navigation.
- }, {
- contentComponent : (props) => <MyCustomDrawer {...props} />
- });
- const TabBar = createBottomTabNavigator({
- TabScreen1: {screen: Tab1},
- ... other tabs...
- }, {
- tabBarComponent : (props) => <MyTabBar {...props} />
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement