/**
 * 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 FindSearchResultItem extends Component {
	render() {
		return(
			<TouchableOpacity onPress={() => {
				this.props.didSelectedItem()
			}} style={styles.View}>
				<Text style={styles.TitleText}>{'你有什么相见恨晚的英语学习方法？'}</Text>
				<View style={styles.AnswerBgView}>
					<Text style={styles.AnswerTitleText}>{'回答'}</Text>

					<Text style={styles.AnswerNumberText}>{'6人回答   12人收藏'}</Text>
				</View>

				<View style={styles.BottomLineView}/>
			</TouchableOpacity>
		)
	}
}

const styles = StyleSheet.create({
	View: {
		width: ScreenDimensions.width,
		backgroundColor: '#ffffff'
	},
	TitleText: {
		fontSize: 16,
		color: '#000000',
		marginLeft: 22,
		marginTop: 22,
	},
	AnswerBgView: {
		marginTop: 21,
		marginBottom: 24,
		width: ScreenDimensions.width,
		flexDirection: 'row',
		alignItems: 'center',
	},
	AnswerTitleText: {
		fontSize: 16,
		color: '#4396d7',
		marginLeft: 22,
	},
	AnswerNumberText: {
		fontSize: 16,
		color: '#9c9c9c',
		marginLeft: 32,
	},
	BottomLineView: {
		width: ScreenDimensions.width,
		height: 10,
		backgroundColor: '#eef0ef',
	}
})