Footer.js 2.22 KB
'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 Detail extends Component {

  constructor(props) {
    super(props);

  }

  render() {

    let fav_image = this.props.favorite ? require('../../image/love_tab_ic_h.png') : require('../../image/love_tab_ic.png');
    let fav_title = this.props.favorite ? '已收藏' : '收藏';
    return (
      <View style={styles.footer}>
                <TouchableOpacity style={styles.favoriteButton} onPress={() => {
        this.props.onPressFavorite && this.props.onPressFavorite(this.props.favorite)
      }}>
                <View style={{
        flex: 1,
        flexDirection: 'row',
        alignItems: 'center'
      }}>
                    <Image style={styles.favIcon} source={fav_image}/>
                    <Text style={styles.favText}>{fav_title}</Text>
                </View>
                </TouchableOpacity>
                <View style={styles.detailButton}>
                    <Text
      style={styles.detailButtonText}
      onPress={() => {
        this.props.onPressProduct && this.props.onPressProduct(Immutable.fromJS({
          'product_skn': this.props.product_skn
        }))
      }}
      >查看详情</Text>
                </View>
            </View>
      );
  }
}

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

let styles = StyleSheet.create({
  footer: {
    width: width,
    height: 59,
    borderColor: '#ededed',
    borderTopWidth: 1,
    flexDirection: 'row',
    alignItems: 'center',
  },
  detailButton: {
    position: 'absolute',
    width: 100,
    height: 44,
    top: 7,
    left: width - 15 - 100,
    backgroundColor: '#d0021b',
    borderRadius: 4,
    alignItems: 'center',
  },
  detailButtonText: {
    marginTop: 4,
    height: 36,
    color: 'white',
    paddingTop: 10,
    textAlign: 'center',
    fontSize: 15,
  },
  favoriteButton: {
    width: 100,
    height: 40,
  },
  favIcon: {
    width: 17,
    height: 16,
    marginLeft: 20,
    marginRight: 0,
  },
  favText: {
    fontSize: 13,
    color: '#b0b0b0',
    marginLeft: 5,
  },
});