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 { infoList } = 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}> { infoList.map(item=>{ return <Text style={{ color: "#666666", fontSize: unitWidth * 28, marginBottom: unitWidth * 10 }}>{item}</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, paddingRight:unitWidth * 24 } })