kangaroo/js/page/Attestation/Info.js

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

export default class Info extends Component {

    render() {
        // let { text } = this.props
        return (
            <View style={styles.infoArea}>
                <View style={styles.infoTitle}>
                    <AntDesign
                        name={"exclamationcircleo"}
                        size={15}
                        style={{ color: "#FA788A" }}
                    />
                    <Text style={{ color: "#333333", fontSize: unitWidth * 28, marginLeft: unitWidth * 12 }}>证明材料拍摄技巧</Text>
                </View>
                <View style={styles.infoList}>
                    <Text style={{ color: "#666666", fontSize: unitWidth * 28, marginBottom: unitWidth * 10 }}>1、请保证拍摄图片清晰可辨。</Text>
                    <Text style={{ color: "#666666", fontSize: unitWidth * 28, marginBottom: unitWidth * 10 }}>2、证书内页的印章完整清晰，请勿遮挡。</Text>
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    infoArea: {
        width: "100%",
        marginTop:unitHeight * 40
    },
    infoTitle: {
        flexDirection: "row",
        paddingLeft: unitWidth * 24,
        alignItems: "center"
    },
    infoList: {
        marginTop: unitHeight * 10,
        marginLeft: unitWidth * 64
    }
})