From 36fe23ff8f060b11d3c84461bfa72c3017154c7b Mon Sep 17 00:00:00 2001 From: Rafael Cardoso Date: Thu, 27 Jun 2019 17:08:25 +1000 Subject: [PATCH] Created a first interaction of the html article with modal video --- example/App.js | 27 +- example/components/Home.js | 6 + example/components/article.js | 94 + example/components/video-header.js | 4 +- example/components/video-scroll.js | 2 +- example/components/video.js | 55 + example/package-lock.json | 8536 ++++++++++++++++++++++++++++ example/package.json | 2 + example/yarn.lock | 118 +- 9 files changed, 8835 insertions(+), 9 deletions(-) create mode 100644 example/components/article.js create mode 100644 example/components/video.js create mode 100644 example/package-lock.json diff --git a/example/App.js b/example/App.js index e1da8962..bc237a7f 100644 --- a/example/App.js +++ b/example/App.js @@ -1,12 +1,35 @@ import Home from './components/Home'; -import BrightcoveScroll from './components/video-scroll'; import BrightcoveHeader from './components/video-header'; +import BrightcoveScroll from './components/video-scroll'; +import ArticleScreen from './components/article'; +import VideoScreen from './components/video'; import { createStackNavigator, createAppContainer } from 'react-navigation'; +const ArticleStack = createStackNavigator( + { + Article: { + screen: ArticleScreen + }, + Video: { + screen: VideoScreen + } + }, + { + mode: 'modal', + headerMode: 'none' + } +); + const MainNavigator = createStackNavigator({ Home: { screen: Home }, BrightcoveHeader: { screen: BrightcoveHeader }, - BrightcoveScroll: { screen: BrightcoveScroll } + BrightcoveScroll: { screen: BrightcoveScroll }, + ArticleStack: { + screen: ArticleStack, + navigationOptions: ({ navigation }) => ({ + title: 'Article', + }) + } }); 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')} /> + +