如何爲TabNavigator添加StackNavigator？

Question

我有一個需要StackNavigator和TabNavigator的應用程序。其中的邏輯是：

const App = StackNavigator({ 
    Welcome: { 
     screen: Welcome 
    }, 
    Login: { 
     screen: Login 
    }, 
    Register: { 
     screen: Register 
    }, 
    Auth: { 
     screen: Auth 
    }, 
    Home: { 
     screen: Main 
    }, 
}); 

const Main = TabNavigator({ 
    Home: { screen: Home }, 
    Dash: { screen: Dash}, 
    Myself: { screen: Myself}, 
    }); 

const Pages = StackNavigator({ 
    Share: { screen: Share}, 
    About: { screen: About}, 
    Service: {screen: Service} 
}); 

我能正確處理如何跳從App到App，但在屏幕Myself與TabNavigator我要跳到StackNavigator Pages，如果我直接將其添加到Main，這不是」工作。

那麼我該如何做到這一點？

Answer 1

你需要做的是類似於你如何在StackNavigator中放置TabNavigator與Main。您也可以將一個StackNavigator放入TabNavigator中。 在這種情況下，你想用你的Pages導航儀作爲MySelf路線上的Main TabNavigator和替代TabNavigator的路線上有一個頁面MySelf，把MySelf作爲對Pages StackNavigator初始路徑。

它看起來像這樣的事情：

... 
const Pages = StackNavigator({ 
    Index: { screen: MySelf }, 
    Share: { screen: Share }, 
    About: { screen: About }, 
    Service: { screen: Service }, 
}); 

const Main = TabNavigator({ 
    Home: { screen: Home }, 
    Dash: { screen: Dash}, 
    Myself: { screen: Pages}, 
});