Вкладки на экранах навигации по ящикам с React Navigation

Question

Мне дали довольно сложный макет приложения, и я все еще новичок в React Native, поэтому я довольно застрял.

В настоящее время у меня есть файл маршрутизатора, который я вызываю в своем App.js.

По сути, макет должен быть Вкладками И Ящиком на каждой странице, но у меня есть несколько страниц, на которые есть ссылки только через DrawerNavigator, поэтому у них нет вкладок на этих страницах.По сути, в приведенном ниже коде мне нужно, чтобы стек «UserCreate» был доступен через навигацию по ящикам, но у меня также есть вкладки на страницах.

Я попытался вложить ящик и вкладки в другой StackNavigator, но это некажется, работает.У кого-нибудь есть идеи?

export const Checkout = createStackNavigator ({
    Cart: {screen: Cart},
    ThankYou: {screen: ThankYou}
 },{
    navigationOptions: {
        header: null,
    }
}
);

export const MenuNav = createStackNavigator ({
    Location: {screen: Location},
    Menu: {screen: Menu},
    CategoryDetails: {screen: CategoryDetails},
    ItemDetails: {screen: ItemDetails},
    },
    {
    navigationOptions: {
        header: null,
    }
  },
);

export const UserCreate = createStackNavigator ({
    Login: {screen: Login},
    SignUp: {screen: SignUp},
    Profile: {screen: Profile},
    }, {
    navigationOptions: {
        header: null,
    }
})

export const Tabs = createBottomTabNavigator({
    'Home': {
         screen: Home,
          },
    'Items': {
         screen: MenuNav,
          },
      },
    'Cart': {
         screen: Checkout,
      },
    'Info': {
         screen: Info,
       },
    },
    {
         tabBarPosition: 'bottom',
     },
);


export const createRootNavigator = () => {
    return createDrawerNavigator ({
        Home: {
            screen: Tabs
         },
        Profiles: {
            screen: UserCreate    
        }
        }, {
            initialRouteName: 'Home',
            contentComponent: SideNav,
            drawerWidth: 200,
        });

}