From 2f22c93a49737dbf0f9b171850583257ac4c79ac Mon Sep 17 00:00:00 2001
From: G <idouattara@ldfgroupe.com>
Date: Thu, 25 Apr 2024 14:19:08 +0000
Subject: [PATCH] using the safe area top inset to pad down elements

---
 src/screens/UserLoginScreen.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/screens/UserLoginScreen.tsx b/src/screens/UserLoginScreen.tsx
index aaf49c4..79bbcc0 100644
--- a/src/screens/UserLoginScreen.tsx
+++ b/src/screens/UserLoginScreen.tsx
@@ -7,12 +7,15 @@ import Text from "@components/bases/Text";
 import { Fontisto } from "@expo/vector-icons";
 import { containers } from "@styles/Commons";
 import { KeyboardAvoidingView, Platform, TouchableOpacity, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 const UserLoginScreen = () => {
+	const insets = useSafeAreaInsets();
+
 	return (
 		<BackgroundDefault>
-			<View style={containers.containerFull}>
-				<Box style={{ height: "20%" }} p={"l"} paddingTop={"x64"}>
+			<View style={[containers.containerFull, { paddingTop: insets.top }]}>
+				<Box style={{ height: "20%" }} px={"l"}>
 					<Box
 						px={"m"}
 						justifyContent={"space-between"}
--
libgit2 0.27.1