kangaroo/js/page/Attestation/Title.js

import React, { Component } from "react"
import { StyleSheet, Text, View } from "react-native"
import { unitWidth, unitHeight } from "../../utils/AdapterUtil";

export default class Title extends Component {

    render() {
        let { tit, subTit } = this.props
        return (
            <View style={styles.titArea}>
                <Text style={styles.tit}>{tit}</Text>
                {
                    subTit!=="" ? <Text style={styles.subTit}>{subTit}</Text> : null
                }
            </View>
        )
    }
}
const styles = StyleSheet.create({
    titArea: {
        width: "100%",
        paddingTop: unitHeight * 30,
        paddingBottom: unitHeight * 40,
        paddingLeft: unitWidth * 26
    },
    tit: {
        fontSize: unitWidth * 28,
        color: "#333333"
    },
    subTit: {
        fontSize: unitWidth * 24,
        color: "#FA788A",
        marginTop:unitHeight * 23
    }
})