как визуализировать вкладки Навигация и стековая навигация одновременно

Question

Я пытаюсь использовать стековую навигацию и навигацию по вкладкам одновременно, я создал стековый навигатор и вкладки в моих файлах app.js, но всякий раз, когда мое приложение загружается, они показывают разные страницы одновременно, и я не могу,не знаю, как решить эту проблему.Мой код app.js

import { createStackNavigator, createAppContainer } from 'react-navigation';
import IntroSlides from './src/screens/introslides/introslides';
import Dashboard from './src/screens/dashboard/dashboard';
import InboxScreen from '../screens/inbox/inbox';
import Favourites from '../screens/favourite/favourite';

const MainNavigator = createStackNavigator({
  dashboard: { screen: Dashboard },
  intro: { screen: IntroSlides },
 }, {
  headerMode: 'none',
  navigationOptions: {
     headerVisible: false,
  }
});
const TabNavigator = createBottomTabNavigator({
   // dashboard: { screen: Dashboard },
   Inbox: { screen: InboxScreen },
   Favourites: { screen: Favourites }
});

const App = createAppContainer(MainNavigator);    

export default App;

, когда приложение загружает оба стека одновременно, страницы будут благодарны, любая справка будет оценена

Answer 1

Вот пример совместного использования навигатора вкладок и стекового навигатора:

const Stylelist = StackNavigator({
  Login: {
    screen: LoginScreen,
    navigationOptions: ({ navigation }) => ({
      header: null,
    }),
  },
  Register: {
    screen: RegisterScreen,
    navigationOptions: ({ navigation }) => ({
      header: null,
    }),
  },
  Home: {
    screen: TabNavigator({
      Home: {
        screen: HomeScreen,
        navigationOptions: ({ navigation }) => ({
          title: 'Home',
        }),
      },
      Friends: {
        screen: FriendsScreen,
        navigationOptions: ({ navigation }) => ({
          title: 'My Friends',
        }),
      },
    }),
    navigationOptions: ({ navigation }) => ({
      title: 'Home',
    }),
  },
});

export default Stylelist;