import React, { Component } from "react"
import { StyleSheet, Text, View, Image } from "react-native"
import { unitWidth, unitHeight, getStatusBarHeight } from "../utils/AdapterUtil";
import MyButtom from '../component/MyButton'

export default class Loginpage extends Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={{ width: unitWidth * 310, height: unitHeight * 295 }}>
                    <Image
                        source={require("../../static/uploadIcon.png")}
                        style={{ width: "100%", height: "100%", resizeMode: "stretch" }}
                    />
                </View>
                <Text style={styles.title}>请上传您的形象照</Text>
                <Text style={styles.subTitle}>优质的照片，异性缘提升8.7倍</Text>
                <View style={styles.bottomBtn}>
                    <MyButtom
                        text={"下一步"}
                        width={unitWidth * 502}
                        height={unitHeight * 84}
                        borderRadius={unitHeight * 84}
                        bgColor="#FA788A"
                        shadowBgc="rgba(250,120,138,1)"
                        style={{ fontSize: unitWidth * 32 }}
                    />
                </View>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingTop: getStatusBarHeight() + unitHeight * 154,
        paddingLeft: unitWidth * 60,
        paddingRight: unitWidth * 60,
        alignItems: "center"
    },
    title: {
        color: "#FA788A",
        fontSize: unitWidth * 28,
        marginTop: unitHeight * 50,
        marginBottom: unitHeight * 30,
    },
    subTitle: {
        color: "#999999",
        fontSize: unitWidth * 28
    },
    bottomBtn: {
        width: "100%",
        marginTop: unitHeight * 405,
        height: unitHeight * 84,
        justifyContent: 'center',
        alignItems: 'center'
    }

})