campus_react_local/App/views/community/Answer/View/MoreSpecialQuestionItem.js

/**
 * Created by zack on 2018/4/30.
 */
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 MoreSpecialQuestionItem extends Component {
	render() {
		return(
			<TouchableOpacity onPress={() => {
				this.props.didSelectedItem()
			}} style={styles.View}>
				<View style={styles.TitleAndImageContainerView}>
					<View style={styles.TitleBgView}>
						<Text style={styles.TitleText}>{'你有什么相见恨晚的英语学习方法？'}</Text>
						<Text style={styles.AnswerText}>{'25个回答'}</Text>
					</View>

					<Image source={require('../../../../resources/images/TabBar/Community/Answer/img_more.png')} style={styles.ImageView}/>
				</View>

				<Text style={styles.SubTitleText}>{'先读一遍，看看能不能读懂，画出所有的不认识的单词和句子。第二步，拿词典查出'}</Text>

				<View style={styles.AuthorAndLikeBgView}>
					<Text style={styles.AuthorText}>{'Jade'}</Text>
					<Text style={styles.LikeText}>{'212赞'}</Text>
				</View>

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

const styles = StyleSheet.create({
	View: {
		width: ScreenDimensions.width,
		backgroundColor: 'white'
	},
	TitleAndImageContainerView: {
		width: ScreenDimensions.width,
		flexDirection: 'row',
		marginTop: 22,
	},
	TitleBgView: {
		width: ScreenDimensions.width - 42 - 20 - 142,
		marginRight: 20,
		marginLeft: 21,
	},
	TitleText: {
		fontSize: 16,
		color: '#000000',
	},
	AnswerText: {
		fontSize: 16,
		color: '#000000',
		marginTop: 20,
	},
	ImageView: {
		width: 142,
		height: 90,
	},
	SubTitleText: {
		fontSize: 15,
		color: '#9c9c9c',
		marginTop: 14,
		marginLeft: 21,
		marginRight: 21,
	},
	AuthorAndLikeBgView: {
		marginLeft: 21,
		flexDirection: 'row',
		alignItems: 'center'
	},
	AuthorText: {
		fontSize: 15,
		color: '#9c9c9c',
		marginTop: 14,
	},
	LikeText: {
		fontSize: 15,
		color: '#9c9c9c',
		marginTop: 14,
		marginLeft: 36,
	},
	BottomLineView: {
		width: ScreenDimensions.width,
		height: 8,
		backgroundColor: '#efeff4',
		marginTop: 22,
	}

})