npmchenwei111/app/views/orderdetail/ActualRepaymentView.js

test1111

/**
 * Created by ziyu on 2017/6/21.
 */

import React, { Component } from 'react'
import { StyleSheet, Text, View } from 'react-native'
import { px2dp, sp } from '../../utils/Px2dp'

class ActualRepaymentView extends Component {
  constructor (props) {
    super(props)
    this.state = {}
  }

  componentDidMount () {

  }

  render () {
    return (
      <View style={styles.container}>
        <View style={styles.cashInfo}>
          <Text style={{color: '#626262', fontSize: sp(12)}}>
            {this.props.serviceFeePrefixString}
            <Text style={{paddingLeft: px2dp(15), fontSize: sp(16)}}>
              {this.props.serviceFeeString}
            </Text>
          </Text>

          <Text style={{color: '#626262', fontSize: sp(12), marginTop: px2dp(10)}}>
            {this.props.receiveAmountPrefixString}
            <Text style={{paddingLeft: px2dp(5), fontSize: sp(16)}}>
              {this.props.receiveAmountString}
            </Text>
          </Text>
        </View>

        <View style={{flex: 1, justifyContent: 'flex-end', alignItems: 'flex-end'}}>
          <Text style={{fontSize: sp(12), color: '#3b92f9'}}>
            {this.props.periodAmountPrefixString}
            <Text style={{fontSize: sp(16), color: '#3b92f9'}}>
              {this.props.periodAmountString}
            </Text>
          </Text>
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    paddingHorizontal: px2dp(30),
    paddingVertical: px2dp(18),
    flexDirection: 'row'
  },
  cashInfo: {}
})

export default ActualRepaymentView