1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859 |
- 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'
- }
- })
|