diff --git a/example/App.js b/example/App.js index e1da8962..cdb02293 100644 --- a/example/App.js +++ b/example/App.js @@ -1,12 +1,36 @@ import Home from './components/Home'; -import BrightcoveScroll from './components/video-scroll'; import BrightcoveHeader from './components/video-header'; -import { createStackNavigator, createAppContainer } from 'react-navigation'; +import BrightcoveScroll from './components/video-scroll'; +import ArticleScreen from './components/article'; +import VideoScreen from './components/video'; +import { createStackNavigator, createAppContainer, getActiveChildNavigationOptions } from 'react-navigation'; + +const ArticleStack = createStackNavigator( + { + Article: { + screen: ArticleScreen + }, + Video: { + screen: VideoScreen + } + }, + { + mode: 'modal', + headerMode: 'none', + navigationOptions: ({ navigation, screenProps }) => { + return { + title: 'Article', + ...getActiveChildNavigationOptions(navigation, screenProps), + } + } + } +); const MainNavigator = createStackNavigator({ Home: { screen: Home }, BrightcoveHeader: { screen: BrightcoveHeader }, - BrightcoveScroll: { screen: BrightcoveScroll } + BrightcoveScroll: { screen: BrightcoveScroll }, + ArticleStack: { screen: ArticleStack } }); const App = createAppContainer(MainNavigator); diff --git a/example/components/Home.js b/example/components/Home.js index 0f9ffc66..b2d0c45f 100644 --- a/example/components/Home.js +++ b/example/components/Home.js @@ -23,6 +23,12 @@ export default class Home extends Component { onPress={() => navigate('BrightcoveScroll')} /> + +