add background image to the screen

src/screens/UserLoginScreen.tsx

@@ -2,15 +2,21 @@ import Button from "@components/Button";
 import Input from "@components/Input";
 import Box from "@components/bases/Box";
 import Text from "@components/bases/Text";
-import { containers } from "@styles/Commons";
-import { KeyboardAvoidingView, Platform, View } from "react-native";
+import { containers, images } from "@styles/Commons";
+import { ImageBackground, KeyboardAvoidingView, Platform, View } from "react-native";
 
 const UserLoginScreen = () => {
 	return (
+		<View style={{ height: "100%", width: "100%" }}>
+			<ImageBackground
+				source={require("../../assets/beasy_background.png")}
+				resizeMode="cover"
+				style={images.cover}
+			>
 				<Box
 					style={[containers.containerFull]}
 					p={"xl"}
-			paddingTop={"x140"}
+					paddingTop={"x240"}
 					flexDirection={"column"}
 					justifyContent={"space-between"}
 				>
@@ -47,6 +53,8 @@ const UserLoginScreen = () => {
 						/>
 					</Box>
 				</Box>
+			</ImageBackground>
+		</View>
 	);
 };