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

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

강의 내용에 맞게 about page, mainpage, app.js 등등 detailpage까지 고치라는 대로 고쳤는데, 앱으로는 그 화면이 안보이네요?

어디서 연동을 잘 못 한 걸까요?

아래는 detailpage 관련 코드들입니다.

계속 꿀팁 화면만 보여요 . aboutpage 나 detailpage만들면 어떻게 보는거에요..?

작성한 코드 및 에러 메세지

DetailPage.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/money1.png"
  return (
    <View style={styles.container}>
                   <Image style={styles.aboutImage} source={{uri:aboutImage}} resizeMode={"cover"}/> 
                   <Text style={styles.title}>HI! 스파르타코딩 앱개발 반에 오신것을 환영합니다</Text>
       
        
        <View style={styles.textContainer}>


            <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: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"
    }
})

App.js

import React from 'react'
import MainPage from './pages/MainPage';
import AboutPage from './pages/AboutPage';


export default function App(){
  // return (<MainPage/>)
  // return (<AboutPage/>)
  return (<DetailPage/>)
}

파일구조