/**
 * Created by zack on 2018/4/29.
 */
import {
	View,
	Text,
	StyleSheet,
	Image,
	TouchableOpacity,
	TextInput
} from 'react-native'
import React, {Component} from 'react'
import {NavigationBarHeight, TabBarHeight, ScreenDimensions} from '../../../../utils/DimensionsTools'

export default class UserHeaderView extends Component {
	render() {
		return(
			<TouchableOpacity onPress={() => {
				this.props.didClickUserHeaderView()
			}} style={styles.View}>
				<View style={{flexDirection: 'row', alignItems: 'center'}}>
					<Image style={styles.ImageView} source={require('../../../../resources/images/TabBar/Community/Answer/img.png')}/>
					<View style={styles.NameBgView}>
						<Text style={styles.NameText}>{'Zack'}</Text>
						<Text style={styles.ReadText}>{"232人阅读"}</Text>
					</View>
				</View>
				<View style={styles.MyAnswerTextView}>
					<Text style={styles.MyAnswerText}>{"我的回答"}</Text>
				</View>
				<View style={{width: ScreenDimensions.width, height:1.0, backgroundColor: '#efeff4', position: 'absolute', left: 0,
					bottom: 0}} />
			</TouchableOpacity>
		)
	}
}

const styles = StyleSheet.create({
	View: {
		width: ScreenDimensions.width,
		height: 78,
		backgroundColor: '#ffffff',
		flexDirection: 'row',
		alignItems: 'center',
		justifyContent: 'space-between',
	},
	ImageView: {
		width: 48,
		height: 48,
		borderRadius: 24,
		marginLeft: 15,
	},
	NameBgView: {
		marginLeft: 33,
		justifyContent: 'center',
	},
	NameText: {
		fontSize: 16,
		color: "#1c1618"
	},
	ReadText: {
		fontSize: 16,
		color: "#9c9c9c"
	},
	MyAnswerTextView: {
		marginRight: 15,
		borderRadius: 10,
		backgroundColor: "rgba(211, 216, 213, 0.34)",
		justifyContent: 'center',
		alignItems: 'center',
	},
	MyAnswerText: {
		fontSize: 12,
		color: '#9c9c9c',
		paddingLeft: 5,
		paddingTop: 5,
		paddingRight: 5,
		paddingBottom: 5,
	},


})