맨 위 상단에 나오는 "나만의 꿀팁" 글씨까지는 마쳤고

메인이미지 넣으려고 하는데.. 답안지 보고 해도 계속 안되네요 ㅠ

코드 어디가 틀렸을까요??

작성한 코드 및 에러 메세지

import React from 'react';

import { StyleSheet, Text, 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 (

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

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

)}

const styles = StyleSheet.create({

  title: {

    fontSize: 20,

    fontWeight: '700',

    marginTop:50,

    marginLeft:20

  },

  mainImage: {

    width:'90%',

    height:200,

    borderRadius:10,

    marginTop:20,

    alignSelf:"center"

  }

})