2017-06-07 10 views
1

スタックと引き出しとタブナビゲータを単一のプロジェクトで実装しようとしましたが、期待したとおりに機能しません。まず、作成されたタブナビゲータ、1つはホーム、もう1つはキャリアです。次に、Stack Navigatorを作成し、NavigationAppでドロワをルートとして統合します。次に、Drawer Navigatorを作成すると、AppDrawerがルートとして統合されます。スタックと引き出しとタブナビゲータをネイティブで統合する

enter image description here

import { StackNavigator } from 'react-navigation' 
    import { TabNavigator } from 'react-navigation' 
    import { DrawerNavigator } from 'react-navigation' 
    import Register from './src/Register' 
    import Home from './src/Home' 
    import Products from './src/Products' 
    import Openings from './src/Openings' 
    import CareersPortal from './src/CareersPortal' 
    export default class PageNavigation extends Component { 
    render() 
    { 
    return (
    <NavigationApp/> ); 
    } 
    } 


    const AppTab=TabNavigator({ 
    Home:{screen :Home }, 
    CareersPortal:{screen : CareersPortal}, 
    }); 



    const NavigationApp =StackNavigator({ 
    Openings:{screen:Openings}, 
    Register:{screen:Register}, 
    Home :{ screen: AppDrawer}, 
    }); 



    const AppDrawer= DrawerNavigator({ 
    Home:{screen: AppTab}, 
    Products:{screen :Products}, 
    }); 
    AppRegistry.registerComponent('PageNavigation',() => NavigationApp); 


    Not integrated properly can anyone help me 
+0

が問題に従ってくださいhttps://github.com/react-community/反応ナビゲーション/問題/ 571 –

+0

タブを使用するとスタックナビゲータのみ。しかし、私はタブ、引き出しとスタックのナビゲータを使用する必要があります – saiRam89

+0

kinldy upvote @sowmya –

答えて

関連する問題