npmchenwei111/app/views/bindcard/BillDetailFormLabel.js

test1111

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

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

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

  componentDidMount () {

  }

  render () {
    return (
      <View style={styles.formControl}>
        <Text style={styles.formLabel}>{this.props.title}</Text>
        <Text style={{
          fontSize: sp(16),
          color: R.color.font_input_hint,
          paddingRight: px2dp(10),
          textAlignVertical: 'center',
          paddingTop: 0,
          paddingBottom: 0,
        }}> {this.props.content} </Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  formControl: {
    flexDirection: 'row',
    borderBottomWidth: 1,
    borderBottomColor: '#e2e2e2',
    borderStyle: 'solid',
    marginHorizontal: px2dp(10),
    paddingVertical: px2dp(20)
  },
  formLabel: {
    color: R.color.bar_color,
    fontSize: sp(16),
    textAlignVertical: 'center',
    paddingTop: 0,
    paddingBottom: 0,
    flex: 1
  }
})

export default BillDetailFormLabel