1import React from 'react';
2import { ScrollView, StyleSheet, PixelRatio } from 'react-native';
3
4import HeadingText from '../../components/HeadingText';
5
6import VideoPlayer from './VideoPlayer';
7
8export default class VideoScreen extends React.Component {
9  static navigationOptions = {
10    title: 'Video',
11  };
12
13  render() {
14    return (
15      <ScrollView contentContainerStyle={styles.contentContainer}>
16        <HeadingText>HTTP player</HeadingText>
17        <VideoPlayer source={{ uri: 'http://d23dyxeqlo5psv.cloudfront.net/big_buck_bunny.mp4' }} />
18        <HeadingText>Local asset player</HeadingText>
19        <VideoPlayer source={require('../../../assets/videos/ace.mp4')} />
20      </ScrollView>
21    );
22  }
23}
24
25const styles = StyleSheet.create({
26  contentContainer: {
27    padding: 10,
28  },
29  player: {
30    borderBottomWidth: 1.0 / PixelRatio.get(),
31    borderBottomColor: '#cccccc',
32  },
33});
34