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

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

메인화면을 만드는 중간에 제가 잘 하고있는지 테스트를 하기 위해서 expo start를 해봤는데 빈 화면밖에 없습니다.

어떤게 문제일지 궁금합니다.

제가 자주 질문을 하는데 항상 성실히 답해주시는 튜터분들 진심으로 감사드립니다.

작성한 코드 및 에러 메세지

import React from "react";

import { ScrollView, Text, Image, View, StyleSheet, TouchableOpacity, Alert} from "react-native";

export default function App() {

  return (

    <ScrollView style = {styles.container}>

      <View style = {styles.textcontainer}>

        <Text style = {styles.textStyle}> 나만의 꿀팁</Text>

      </View>

        <Image

          source = {{uri:'https://docs.expo.io/versions/v38.0.0/react-native/scrollview/'}}

          resizeMode = {'cover'}

          style = {styles.imageStyle}

        />

      <View style={styles.containerOne}>

        <View style={styles.container1}>

        </View>

        <View style={styles.container2}>

          <Image

            source = {{uri: 'https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2Fpizza.png?alt=media&token=1a099927-d818-45d4-b48a-7906fd0d2ad3'}}

            resizeMode = {'cover'}

            style = {styles.imageStyle}

            />

        </View>

      </View>

      <View style={styles.containertwo}>

      </View>

      </ScrollView>  

  );

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: '#fff',

    horizontal: true,

  },

  textcontainer: {

    height: 100,

    borderColor: '#000',

    borderWidth: 2,

    margin: 10,

  },

  textStyle: {

    textAlign: "center"

  },

  imageStyle: {  

    width:"100%",

    height:"100%",

    alignItems:"center",

    justifyContent:"center"

  },

});