안녕하세요 나만의 꿀팁 메인화면에 사진 이미지 넣는것에 대해 문의를드려 김영우 튜터님께 답변을 받았는데

 Text나 Image등의 컴포넌트는 View 등의 페이지 컴포넌트 내부에 있어야 된다고 하여

ScrollView에 Text와 Image를 넣었는데

그래도 이미지 뜨게하기가 어렵네요 ㅠ 혹시 첨부해 드린 사진처럼(빨간 테두리까지) "나만의 꿀팁"(타이틀)과 이미지까지만 일단 나오게 만들어보고싶습니다.

제가 작성한 코드가 혹시 뭐가 잘 못되었는지 알려주시면 감사드리겠습니다.

보고 계신 화면 전체를 캡처해 주시면, 튜터

님들이 빠르게 상황을 이해할 수 있어요.

작성한 코드 및 에러 메세지

import React from 'react';

import {StyleSheet, Text, ScrollView, Image} from 'react-native';

const main = 'https://firebasestorage.googleapis.com/v0/b/sparta-image.appspot.com/o/lecture%2Fmain.png?alt=media&token=8e5eb78d-19ee-4359-9209-347d125b322c'

export default function App() {

  return (

  <ScrollView style={styles.Scroll}>

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

    <Image style={styles.mainImage} source={{uri:main}}/>

    </ScrollView>

    )

const styles = StyleSheet.create({

  Scroll: {

    backgroundColor: '#fff',

  },

  title: {

    fontSize: 20,

    fontWeight: '700',

    marginTop:50,

    marginLeft:20

  },

  mainImage: {

    width:'90%',

    height:200,

    borderRadius:10,

    marginTop:20,

    alignSelf:"center"

  }

 })