campus_react_local/App/views/community/Follow/View/RecommendItem.js

/**
 * Created by zack on 2018/5/2.
 */
import {
	View,
	Text,
	StyleSheet,
	FlatList,
	Platform,
	TouchableOpacity,
	ImageBackground,
	Image
} from 'react-native'
import React, {Component} from 'react'
import {NavigationBarHeight, TabBarHeight, ScreenDimensions} from '../../../../utils/DimensionsTools'

export default class RecommendItem extends Component {
	render() {
		return(
			<View style={styles.View}>
				<ImageBackground source={require('../../../../resources/images/TabBar/Community/Follow/user1.png')} style={{width: 45, height: 45, backgroundColor: 'white', marginLeft: 25}}>
					<Image source={require('../../../../resources/images/TabBar/Community/Follow/follow.png')}  style={styles.ImageView}/>
				</ImageBackground>

				<View style={styles.TitleBgView}>
					<Text style={styles.NameText}>{'Zack'}</Text>
					<Text style={styles.MemoText}>{'I have a dream'}</Text>
				</View>

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

const styles = StyleSheet.create({
	View: {
		width: ScreenDimensions.width,
		height: 87,
		backgroundColor: '#ffffff',
		alignItems: 'center',
		flexDirection: 'row'
	},
	ImageView: {
		height: 9,
		width: 9,
		position: 'absolute',
		right: 2,
		bottom: 0,
	},
	TitleBgView: {
		marginLeft: 33,
	},
	NameText: {
		fontSize: 15,
		color: '#000000'
	},
	MemoText: {
		marginTop: 14,
		fontSize: 14,
		color: '#9c9c9c'
	},
	BottomLineView: {
		width: ScreenDimensions.width,
		height: 0.5,
		backgroundColor: '#efeff4',
		position: 'absolute',
		left: 0,
		bottom: 0,
	}

})