MessageContainer.js
2.95 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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
'use strict';
import React from 'react-native';
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {Map} from 'immutable';
import Message from '../components/Message';
import * as messageActions from '../reducers/message/messageActions';
let {
Component,
StatusBar,
View,
Text,
StyleSheet,
Dimensions,
Platform,
} = React;
const actions = [
messageActions
];
function mapStateToProps(state) {
return {
...state
};
};
function mapDispatchToProps(dispatch) {
const creators = Map()
.merge(...actions)
.filter(value => typeof value === 'function')
.toObject();
return {
actions: bindActionCreators(creators, dispatch),
dispatch
};
}
class MessageContainer extends Component {
constructor(props) {
super(props);
this.pressRow = this.pressRow.bind(this);
this.messageItems = [
{
type:'1',
title: '公告 商家端APP上线',
time: '2016-03-26',
content: 'xxxxxxx',
},
{
type:'2',
title: '变价通知 昨日已有234件商品价格发生变化',
time: '2016-03-26',
content: 'xxxxxx',
},
{
type:'3',
title: '到货入库 有800件商品到货了',
time: '2016-03-26',
content: 'xxxxxsssssssssssssssssssssssffsssgsggsgsgsgsgsgsgsgsgsgsggsgsgssshahshshshshshshshshhshshshshshshshshshshshshshhshshshshsh',
},
{
type:'4',
title: '对账结算 新的结算订单生成',
time: '2016-03-26',
content: 'xxxxxx',
},
{
type:'4',
title: '对账结算 新的结算订单生成',
time: '2016-03-26',
content: 'xxxxxx',
},
{
type:'4',
title: '对账结算 新的结算订单生成',
time: '2016-03-26',
content: 'xxxxxx',
},
{
type:'4',
title: '对账结算 新的结算订单生成',
time: '2016-03-26',
content: 'xxxxxx',
},
];
}
pressRow(rowID){
this.props.actions.checkMessageDetail(this.messageItems[rowID]);
}
render() {
return (
<View style={styles.container}>
<Message items={this.messageItems}
onPressItem={this.pressRow}/>
</View>
);
}
}
let {width, height} = Dimensions.get('window');
let styles = StyleSheet.create({
container: {
top:(Platform.OS === 'android') ? 50 : 64,
height: height - 64 - 49,
},
});
export default connect(mapStateToProps, mapDispatchToProps)(MessageContainer);