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

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

화면의 주황색 버튼의 크기가 변하지 않아 ..('위 사진')

디퍼체크로 답안('아래 사진')이랑 비교도 해보고 이것저것 고쳐봤는데

안되네요

너어무 어렵네여... 별거 아닌 건데

도움 좀 주시면 감사드리겠습니다

코드는 제가 작성한 코드입니다(답안 코드 x)

보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!

import React,{useState,useEffect} from 'react';
import {View,Text, ScrollView, StyleSheet, Image, TouchableOpacity} from 'react-native'
import { StatusBar } from 'expo-status-bar';



export default function AboutPage({navigation,route}){
    const img01 ='https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2FaboutImage.png?alt=media&token=13e1c4f6-b802-4975-9773-e305fc7475c4'


    useEffect(()=>{
        navigation.setOptions({
            title:"소개 페이지",
            headerStyle: {
                backgroundColor: '#1F266A',
                shadowColor: "#1F266A",
            },
            headerTintColor: "#fff",
        })
    },[])
 
  return (
  
    <View style={styles.container}>
        <StatusBar stlye='light'/>
        <Text style={styles.title}>Hi! 스파르타코딩 앱개발 반에 오신 것을 환영합니다</Text>
        <View style={styles.main02}>
            <Image style={styles.image01} source={{uri:img01}} resizeMode={"cover"}/>
            <Text style={styles.content01}>많은 내용을 간결하게 담아내려 노력했습니다!</Text>
            <Text style={styles.content02}>꼭 완주 하셔서 꼭 여러분 것으로 만들어가시길 바랍니다</Text>
            <TouchableOpacity style={styles.button}>
                <Text style={styles.buttonText}>여러분의 인스타계정</Text>
            </TouchableOpacity>
        </View>
    </View>
    )
}


const styles = StyleSheet.create({


    container:{
        backgroundColor:"#1F266A",
        flex:1,
        alignItems:'center'
    },
    title: {
        fontSize:30,
        fontWeight:"700",
        color:"#fff",
        paddingLeft:30,
        paddingTop:20,
        paddingRight:30
    },
    main02:{
        width:300,
        height:500,
        backgroundColor:"#fff",
        marginTop:50,
        borderRadius:30,
        justifyContent:"center",
        alignItems:"center"
    },
    image01:{
        width:150,
        height:150,
        borderRadius:20
    },
    content01:{
        fontSize:20,
        textAlign:'center',
        fontWeight:'700',
        peddingLeft:22,
        peddingRight:22 
    },
    content02:{
        fontSize:15,
        textAlign:'center',
        fontWeight:'700',
        pedding:22
    },
    button:{
        backgroundColor:'orange',
        pedding:20,
        borderRadius:15
    },
    buttonText:{
        fontSize:15,
        fontWeight:'700',
        color:'#fff',
        
        
    }


})