React Native: nested Navigator example

nested-navigator-example.js

import React from "react";
import {
  NavigationActions,
  StackNavigator,
  TabNavigator,
} from "react-navigation";

/* ...import pages... */

export const Welcome =
  StackNavigator(
    {
      Landing: { screen: Landing },
      SignUp: { screen: SignUp },
      Login: { screen: Login },
    },
    {
      headerMode: "screen",
      initialRouteName: "Landing",
    }
  )

export const Home =
  TabNavigator(
    {
      Profile: { screen: Profile },
      Info: { screen: Info },
    },
    {
      initialRouteName: "Info",
    }
  )

export const InfoTab =
  StackNavigator(
    {
      Main: { screen: InfoMain },
      MoreInfo: { screen: MoreInfo },
    },
    {
      headerMode: "screen",
      initialRouteName: "Main",
    }
  )

export const ProfileTab =
  StackNavigator(
    {
      Main: { screen: ProfileMain },
    },
    {
      Settings: { screen: ProfileSettings },
    },
    {
      headerMode: "screen",
      initialRouteName: "Main",
    }
  )