|
|
'use strict';
|
|
|
|
|
|
import React, {Component} from 'react';
|
|
|
import Immutable, {Map} from 'immutable';
|
|
|
|
|
|
import ReactNative, {
|
|
|
View,
|
|
|
Text,
|
|
|
Image,
|
|
|
ListView,
|
|
|
StyleSheet,
|
|
|
Dimensions,
|
|
|
TouchableOpacity,
|
|
|
InteractionManager,
|
|
|
Platform,
|
|
|
} from 'react-native';
|
|
|
|
|
|
|
|
|
|
|
|
export default class ListCell extends Component {
|
|
|
|
|
|
constructor(props) {
|
|
|
super(props);
|
|
|
}
|
|
|
|
|
|
|
|
|
render() {
|
|
|
let data = this.props.data;
|
|
|
if (!data) {
|
|
|
return null;
|
|
|
}
|
|
|
return (
|
|
|
<View style={styles.container}>
|
|
|
<Image style={styles.image}/>
|
|
|
<View style={styles.rightPannel}>
|
|
|
<Text style={styles.title}>title</Text>
|
|
|
<Text style={styles.phrase}>content</Text>
|
|
|
</View>
|
|
|
</View>
|
|
|
);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
let {width, height} = Dimensions.get('window');
|
|
|
|
|
|
let styles = StyleSheet.create({
|
|
|
container: {
|
|
|
width: width,
|
|
|
flexDirection: 'row',
|
|
|
height: 180,
|
|
|
},
|
|
|
|
|
|
image: {
|
|
|
marginTop: 10,
|
|
|
marginLeft: 15,
|
|
|
marginRight: 15,
|
|
|
width: 120,
|
|
|
height: 160,
|
|
|
backgroundColor: '#e0e0e0',
|
|
|
},
|
|
|
|
|
|
rightPannel: {
|
|
|
width: width - 150,
|
|
|
height: 180,
|
|
|
flexDirection: 'column',
|
|
|
borderColor: '#ededed',
|
|
|
borderBottomWidth: 1,
|
|
|
}
|
|
|
|
|
|
title: {
|
|
|
fontSize: 15,
|
|
|
width: width - 150 - 15,
|
|
|
marginTop: 20,
|
|
|
marginBottom: 0,
|
|
|
color: '#444444',
|
|
|
// backgroundColor: 'red',
|
|
|
},
|
|
|
|
|
|
phrase: {
|
|
|
marginTop: 6,
|
|
|
width: width - 150 - 15,
|
|
|
fontSize: 13,
|
|
|
color: '#b0b0b0',
|
|
|
lineHeight: 20,
|
|
|
// backgroundColor: 'red',
|
|
|
},
|
|
|
}); |
...
|
...
|
|