12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- /**
- * 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,
- },
-
-
- })
|