안녕하세요

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

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

메인 이미지도 안나오고 나만의 꿀팁이라는 글자크기나 위치도 제대로 구현이 안되고 배경색도 변하지 않습니다.

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

작성한 코드는 아래에 있습니다.

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: {

  background : 'green'

 },

 title: {

  fontSize : 20,

  fontWeight : '700',

  marginTop : 50,

  marginLeft : 20,

 },

 mainImage: {

  width: '90%',

  height: 200,

  boredrRadius: 10,

  marginTop: 20,

  alignSelf: "center"

 }

});