/**
 * Created by zack on 2018/5/29.
 */
/**
 * Created by Sean on 2018/5/9.
 */
import {
	View,
		Text,
		StyleSheet,
		TouchableOpacity,
		TouchableWithoutFeedback,
		ScrollView,
		SectionList,
		Image,
		Animated
} from 'react-native'
import React, {Component} from 'react'
import {NavigationBarHeight, TabBarHeight, ScreenDimensions} from '../../../utils/DimensionsTools'
import CAVideoListHeaderView from './CAVideoListHeaderView';
import CAVideoListRow from './CAVideoListRow';

const Header_Title = [
	{text: '推荐视频', image: require('../../../resources/Play/Video/video.png')},
	{text: '脱口秀', image: require('../../../resources/Play/Video/speak.png')},
	{text: '外教课', image: require('../../../resources/Play/Video/book.png')},
	{text: '音乐', image: require('../../../resources/Play/Video/music.png')},
];

export default class CAVideoListView extends Component {
	constructor(props) {
		super(props)
	}

	render() {
		return(
			<View style={styles.view}>
				<CAVideoListHeaderView title={Header_Title[0].text} image={Header_Title[0].image} />
				<CAVideoListRow />
				<CAVideoListRow />
				<CAVideoListHeaderView title={Header_Title[1].text} image={Header_Title[1].image} />
				<CAVideoListRow />
				<CAVideoListHeaderView title={Header_Title[2].text} image={Header_Title[2].image}/>
				<CAVideoListRow />
				<CAVideoListHeaderView title={Header_Title[3].text} image={Header_Title[3].image}/>
				<CAVideoListRow />
			</View>
		);
	}
}

const styles = StyleSheet.create({
	view: {
		flex: 1
	},
})