2주차 숙제
import React from 'react'
import {View, Text, StyleSheet,Image} from 'react-native'
export default function AboutPage(){
return (
<View style={styles.container}>
<Text style={styles.title}>HI! 스파르타코딩 앱개발반에 오신 것을 환영합니다</Text>
<View style={styles.textContainer}>
<View style={styles.subtitle}>
<Image style={styles.image} source={{uri:"https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4"}}/>
<Text style={styles.desc1}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
<Text style={styles.desc2}>꼭 완주하셔서 여러분 것으로 만들어 가시길 바랍니다.</Text>
<View style={styles.button}>
<Text style={styles.buttonText}>여러분의 인스타계정</Text>
</View>
</View>
</View>
</View>
)
}
const styles = StyleSheet.create({
container: {
//앱의 배경 색
// backgroundColor : '#fff'
backgroundColor: '#0c2238',
height : "100%"
},
title: {
color: '#fff',
fontSize: 30,
fontWeight: '900',
marginTop: 80,
marginLeft: 20,
},
textContainer:{
margin:20,
backgroundColor:"#fff",
borderRadius:20,
height : "70%"
},
image: {
marginTop : 80,
padding : 80,
marginLeft : 80,
marginRight: 80,
height : 50,
borderRadius: 30
},
subtitle: {
height: "80%",
backgroundColor:'#fff',
borderRadius : 30
},
desc1: {
color: '#000',
fontSize: 25,
fontWeight: '900',
marginTop: 80,
textAlign : 'center',
padding : 15
},
desc2: {
color: '#000',
fontSize: 18,
fontWeight: '500',
textAlign : 'center',
padding : 10
},
button:{
margin : 30,
marginTop : 20,
width:200,
height:50,
backgroundColor:"#ff9a9e",
borderRadius:15,
alignSelf : "center"
},
buttonText:{
marginTop : 10,
padding : 5,
color:"#fff",
fontSize: 18,
fontWeight : 'bold',
textAlign:"center"
}
})