/**
 * Created by zzz on 2019/3/12.
 */
'use strict';

import React, {Component} from 'react';
import ReactNative, {
    View,
    Text,
    Image,
    StyleSheet,
    Dimensions,
    TouchableOpacity,
    Platform,
} from 'react-native';

export default class ContentEmptyView extends Component {
  constructor(props) {
    super(props);
    this.emptyText = this.emptyText.bind(this);
  }

  emptyText(listId) {
    var text = '暂无更新的消息';
    switch (listId) {
      case '1':
          text = '暂无更新的消息';
          break;
      case '2':
          text = '暂无更新的消息';
          break;
      case '3':
          text = '暂无更新的消息';
          break;
      default:
    }
    return (
      text
    )
  }

  render() {
    let {listId} = this.props;
    return(
        <View style={styles.container}>
            <Image
                style={styles.iconStyle}
                source={require('../../images/message_empty_ic.png')}
            />
            <Text style={styles.textStyle}>
                {this.emptyText(listId)}
            </Text>
        </View>
    );
  };
}

let {width, height} = Dimensions.get('window');
let scale = (width/375.0);

let styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'center',
    alignItems: 'center',
  },
  iconStyle: {
    width: Math.ceil(96*scale),
    height: Math.ceil(70*scale),
    backgroundColor: 'transparent',
  },
  textStyle: {
    marginTop: Math.ceil(28*scale),
    color: '#444444',
    backgroundColor: 'transparent',
    fontSize: 15,
  },
})