Image sourced from assets folder is only partially displayed

React Native
1

With the code below, the image occupies the full display but is itself only partially displayed. Even reducing flex: 0.001 does not bring the full image into display.
Please help

import React from “react”;

import { View, Image, StyleSheet, SafeAreaView } from “react-native”;

export default function App() {

return (

<SafeAreaView style={styles.container}>

  <Image source={require("./assets/background.jpg")} />

</SafeAreaView>

);

}

const styles = StyleSheet.create({

container: {

flex: 1,

backgroundColor: "#fff",

justifyContent: "center",

alignItems: "center",

},

});