안녕하세요

현재 메인 화면 꾸미기 코드를 따라서 해보고 있는데 여기 까지 제가 코드를 옮겨 써서 작성했는데

앱에 정상적으로 구현이 안됩니다.

메인 이미지도 안나오고 나만의 꿀팁이라는 글자크기나 위치도 제대로 구현이 안됩니다.

완성코드와 비교해봤을 때 다른점이 없는거같은데 뭐가 문제일까요?

import React from 'react';

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

const main = 'https://storage.googleapis.com/sparta-image.appspot.com/lecture/main.png'

export default function App() {

  return(

 <ScrollView Style={styles.container}>

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

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

 </ScrollView>

  );

}

const styles = StyleSheet.create({

  container: {

    backgroundColor: 'red'

  },

  title: {

    fontSize : 20,

    fontWeight : '700',

    marginTop : 50,

    marginLeft : 20,

  },

  mainImage: {

    width: '90%',

    height: 200,

    boredrRadius: 10,

    marginTop: 20,

    alignSelf: "center"

  }

});