220831수 앱개발<2>

<왼> 목표 <오> 결과물

한시간정도 걸린것 같다

 

첨에 이미지가 안뜨다가 지웠다가 다시 쓰니까 갑자기 로드 되어서 당황했음..

 

import React from 'react'
import {StyleSheet,View,Text,Image,TouchableOpacity} from 'react-native'

const centerImage = 'https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4'

export default function AboutPage(){
    
  return (

    <View style={styles.container}>
        <View style={styles.containtitle}>
            <Text style={styles.title}>Hi! 스파르타코딩 앱개발</Text>
            <Text style={styles.title}>반에 오신것을 환영합니다</Text>
        </View>
        <View style={styles.containmain}>
            <Image style={styles.centerImage} source={{uri:centerImage}}/>
            <Text style={styles.subtitle}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
            <Text style={styles.desc}>꼭 완주 하셔서 꼭 여러분 것으로 만들어가시길 바랍니다</Text>
            <TouchableOpacity style={styles.midButton}><Text style={styles.buttonText}>MADE BY WOOJIN</Text></TouchableOpacity>
        </View>
    </View>)
}

const styles = StyleSheet.create({
    container: {
        backgroundColor: 'navy',
        flex:1
        
    },
    containtitle:{
        marginTop:100

    },
    title: {
        fontSize: 30,
        fontWeight: '700',
        color:'white',
        alignSelf: 'center',
        
        
    },
    containmain:{
        backgroundColor: 'white',
        borderRadius:20,
        margin: 30,
        marginTop: 50,
        flex : 0.9
    },
    centerImage :{
        height: 150,
        width: '50%',
        borderRadius:10,
        marginTop: 70,
        alignSelf: 'center'
    },
    subtitle : {
        fontSize:25,
        textAlign:'center',
        fontWeight:'bold'
    },
    desc :{
        fontSize:15,
        textAlign:'center',
        marginTop: 10,
        fontWeight: 'bold'
    },
    midButton:{
        alignSelf:'center',
        marginTop:30,
        backgroundColor:'orange',
        padding:20,
        borderRadius:20

    },
    buttonText : {
        fontSize:15,
        color:'white',
        fontWeight:'bold'
    }
})

 

아까보단 훨 편해진게 신기하다