forked from osdio/noder-react-native
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtopicRow.js
More file actions
106 lines (91 loc) · 2.41 KB
/
topicRow.js
File metadata and controls
106 lines (91 loc) · 2.41 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
var React = require('react-native')
var moment = require('moment')
var config = require('../configs/config')
var window = require('../util/window')
var { width, height } = window.get()
var {
View,
StyleSheet,
ScrollView,
Component,
Text,
StatusBarIOS,
Image,
ListView,
TouchableHighlight,
Navigator,
} = React
class TopicRow extends Component {
constructor(props) {
super(props)
}
render() {
let topic = this.props.topic
let authorImgUri = config.domain + topic.author.avatar_url
var title = topic.title;
var titleLength = Math.floor((width - 100) / 15) + 2;
if (title.length > titleLength) {
title = title.substring(0, titleLength - 3) + '...';
}
return (
<TouchableHighlight
onPress={()=>{this.props.onPress(topic)}}
underlayColor='#3498DB'
key={topic.id}>
<View style={styles.row}>
<View style={styles.imgWrapper}>
<Image
style={styles.img}
source={{uri:authorImgUri}}
>
</Image>
</View>
<View style={[styles.topic]}>
<Text style={[styles.title]}>
{title}
</Text>
<View style={[styles.topicFooter]}>
{this.props.footer}
</View>
</View>
</View>
</TouchableHighlight>
)
}
}
var styles = StyleSheet.create({
"row": {
"height": 90,
"flexDirection": "row",
"borderBottomColor": "rgba(0, 0, 0, 0.02)",
"borderBottomWidth": 1,
"paddingTop": 25,
"paddingRight": 0,
"paddingBottom": 25,
"paddingLeft": 20
},
"imgWrapper": {
"width": 90,
"position": "absolute",
"left": 20,
"top": 25,
"height": 65
},
"img": {
"height": 40,
"width": 40,
"borderRadius": 20
},
"topic": {
"marginLeft": 60,
width: width - 100
},
"title": {
"fontSize": 15
},
"topicFooter": {
"marginTop": 12,
"flexDirection": "row"
}
})
module.exports = TopicRow