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

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

import React from 'react'

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

export default function AboutPage() {

  return (

    <SafeAreaView style={styles.container}>

      <View>

        <Image source={require('./assets/image/main.jpg')} resizeMode={'repeat'} />

      </View>

    </SafeAreaView >

  )

}

const styles = StyleSheet.create({

  container: {

    flex: 1,

    backgroundColor: "#fff",

    alignItems: "center"

  },

  diary: {

    margin: 10,

    padding: 30,

    color: "red"

  }

이렇게 하면 노치 부분까지 이미지 확장하고 싶은데 방법이 있을까요??

})보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.