/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, { Component } from "react";
import {
  StyleSheet,
  Text,
  View,
  Image,
  ScrollView,
  FlatList
} from "react-native";

import VideoExplain from './components/VideoExplain';
import CourseListRow from './components/CourseListRow';

// class CourseListRow extends Component {
//   render() {
//     return (
//       <View style={styles.courseList}>
//         <View style={[styles.padding, styles.title]}>
//           <Text style={styles.font}>{this.props.title}</Text>
//           <Text style={styles.color}>共28课</Text>
//         </View>
//         <View style={{
//             flex: 1,
//             height: 200,
//           }}>
//             <ScrollRow itemWidth={106} itemHeight={150} />
//           </View>
//       </View>
//     );
//   }
// }


// class CourseListLine extends Component {
//   render() {
//     return (
//       <View style={styles.courseList}>
//         <View style={[styles.padding, styles.title]}>
//           <Text style={styles.font}>{this.props.title}</Text>
//           <Text style={styles.color}>共28课</Text>
//         </View>
//         <View style={{
//             flex: 1,
//             height: 200,
//           }}>
//             <ScrollRow itemWidth={106} itemHeight={150} />
//           </View>
//       </View>
//     );
//   }
// }

export default class CourseDetails extends Component {
  render() {
    return (
      <ScrollView style={{backgroundColor: '#F0F1F5'}}>
        <VideoExplain 
        title={'同步辅导语文一年级下册'}
        details={'汉字，作为象形文字，是中华文化的载体，本课程从甲骨文开始，让孩子爱上识字爱上文字的美。了解文字…'}
        uri={'http://chimee.org/vod/1.mp4'}
        />
        <CourseListRow title={'课件'}></CourseListRow>
      </ScrollView>
    );
  }
}

const styles = StyleSheet.create({
  
});