
AboutPage.js 파일 스니펫은 어디 있을까요? 과제로 제출했습니다만 원인을 알 수 없는 오류가 있어 빨갛게 표시되어 있습니다. 끊김 없이 수업을 듣고 싶어서 일단은 복붙해서 진행하고 싶습니다.

import React from "react";
import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native';
export default function AboutPage(){
const aboutImage = "https://storage.googleapis.com/sparta-image.appspot.com/lecture/about.png"
return (
<View style = {styles.container}>
<Text style={styles.title}>Hi! 스파르타코딩 앱개발 반에 오신 것을 환영합니다!</Text>
<View style = {styles.textContainer}>
<Image style = {styles.aboutImage} source={{uri:aboutImage}} resizeMode={"cover"}/>
<Text style = {styles.desc01}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
<Text style = {styles.desc02}>꼭 완주하셔서 꼭 여러분 것으로 만들어 가시길 바랍니다</Text>
<TouchableOpacity style = {styles.button}>
<Text style = {styles.buttonText}>여러분의 인스타 계정</Text>
</TouchableOpacity>
</View>
</View>
}
const styles = StyleSheet.create({
container: {
flex:1,
backgroundColor : "#1F266A",
},
title:{
fontSize:30,
fontWeight:"700",
color:"#fff",
paddingLeft:30,
paddingTop:100,
paddingRight:30
},
textContainer:{
width:300,
height:500,
backgroundColor:"#fff",
marginTop:50,
borderRadius:30,
justifyContent:"center",
alignItems:"center"
},
aboutImage:{
width:150,
height:150,
borderRadius:30
},
desc01: {
textAlign: "center",
fontSize:20,
fontWeight:"700",
paddingLeft:22,
paddingRight:22
},
desc02: {
textAlign: "center",
fontSize:15,
fontWeight:"700",
padding:22
},
button:{
backgroundColor: "orange",
padding: 20,
borderRadius: 15
},
buttonText:{
color:"#fff",
fontSize:15,
fontWeight:"700"
}
})
