* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

1, 작성한 aboutpage.js 이고

2, 실행한 화면 입니다.

3, 작성문 과 실행화면이 맞는지?? 예를들어, 'buttontext' 에 글자 표시가 안되고 , textcontainer 도 구분이 안됩니다. 알려주세요

보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 styles={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",

    alignItems:"center"

  } ,

  title:{

    fontsize:100,

    fontweight:"700",

    color:"#fff",

    paddingLeft:30,

    peddingTop:100,

    peddingRight:30

},

textContainer:{

    width:300,

    height:500,

    backgroundColor:"white",

    marginTop:50,

    borderRadius:30,

    justifyContent:"center",

    alignItems:"center"

},

aboutImage:{

    width:250,

    height:250,

    borderRadius:30

},

desc01:{

    textAlign:"center",

    fontSize:20,

    fontweight:"700",

    paddingLeft:22,

    peddingRight:22

},

desc02:{

    textAlign:"center",

    fontSize:15,

    fontweight:"700",

    padding:22,

},

button:{

    backgroundColor:"orange",

    padding:20,

    borderRadius:15

},

buttonText:{

    color:"blue",

    fontSize:15,

    fontweight:"700"

}

})

실행 화면