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

/**
 * 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 FindSearchTitleView extends Component {
	render() {
		return(
			<View style={styles.View}>
				<Image style={styles.SearchIconImageView} source={require('../../../../resources/images/TabBar/Community/Answer/search.png')}/>
				<TextInput placeholderTextColor={'#9c9c9c'} placeholder={'搜一搜你想回答的问题'} style={styles.TextInput} />
			</View>
		)
	}
}

const styles = StyleSheet.create({
	View: {
		width: ScreenDimensions.width - 65 - 60,
		height: 30,
		alignItems: 'center',
		opacity: 0.75,
		borderRadius: 4,
		backgroundColor: "rgba(230, 233, 231, 0.75)",
		flexDirection: 'row',
	},
	SearchIconImageView: {
		marginLeft: 14,
	},
	TextInput: {
		marginLeft: 12,
		height: 40,
		width: ScreenDimensions.width - 65 - 60 - 20 - 14 - 12,
		backgroundColor: "rgba(230, 233, 231, 0.75)",
		fontSize: 15,
		color: '#000000'
	}
})