Skip to content

Instantly share code, notes, and snippets.

@adnanhz
Created March 27, 2019 10:59
Show Gist options
  • Save adnanhz/e84652afd6b6b7670341e5fc8652bb22 to your computer and use it in GitHub Desktop.
Save adnanhz/e84652afd6b6b7670341e5fc8652bb22 to your computer and use it in GitHub Desktop.
React Navigation with paths
import React from "react";
import { createStackNavigator } from "react-navigation";
import { createAppContainer } from 'react-navigation';
import ContentWrappersScreen from "../features/mediaFeatures/contentWrapper/screens/ContentWrappersScreen";
import MediaItemsScreen from "../features/mediaFeatures/mediaItem/screens/MediaItemsScreen";
import MediaItemPdfScreen from "../features/mediaFeatures/mediaItem/screens/MediaItemPdfScreen";
import MediaItemAudioScreen from "../features/mediaFeatures/mediaItem/screens/MediaItemAudioScreen";
import MediaItemVideoScreen from "../features/mediaFeatures/mediaItem/screens/MediaItemVideoScreen";
import MediaItemsFilterScreen from "../features/mediaFeatures/mediaItem/screens/MediaItemsFilterScreen";
import NavigationService from './NavigationService';
import { Linking } from 'expo';
import { Root } from 'native-base';
const AppNavigator = createStackNavigator(
{
ContentWrappersScreen: { screen: ContentWrappersScreen, path: 'contentWrappers/' },
MediaItemsScreen: { screen: MediaItemsScreen, path: 'mediaItems/:parentEntity/:parentId' },
MediaItemPdfScreen: { screen: MediaItemPdfScreen, path: 'mediaItemPdf/:id' },
MediaItemAudioScreen: { screen: MediaItemAudioScreen, path: 'mediaItemAudio/:id' },
MediaItemVideoScreen: { screen: MediaItemVideoScreen, path: 'mediaItemVideo/:id' },
MediaItemsFilterScreen: { screen: MediaItemsFilterScreen }
},
{
index: 0,
initialRouteName: "ContentWrappersScreen",
headerMode: "none"
}
);
const prefix = Expo.Linking.makeUrl('/');
const AppContainer = createAppContainer(AppNavigator);
[...]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment