keyboard no longer hiding input fields

src/screens/UserLoginScreen.tsx

@@ -15,60 +15,55 @@ const UserLoginScreen = () => {
 	return (
 		<BackgroundDefault>
 			<View style={[containers.containerFull, { paddingTop: insets.top }]}>
-				<Box style={{ height: "20%" }} px={"l"}>
-					<Box
-						px={"m"}
-						justifyContent={"space-between"}
-						flexDirection={"row"}
-						alignItems={"center"}
-					>
-						<Fontisto name="close-a" size={12} color="black" />
-
-						<TouchableOpacity>
-							<Text>Mot de passe oublie ?</Text>
-						</TouchableOpacity>
-					</Box>
-				</Box>
-				<ContainerBorderTopCurved>
-					<Box p={"l"} style={{ height: "70%" }} paddingTop={"x100"}>
-						<KeyboardAvoidingView
-							behavior={Platform.OS === "ios" ? "height" : "height"}
-							style={{ flex: 1 }}
+				<KeyboardAvoidingView
+					behavior={Platform.OS === "ios" ? "height" : "height"}
+					style={{ flex: 1 }}
+				>
+					<Box style={{ height: "20%" }} px={"l"}>
+						<Box
+							px={"m"}
+							justifyContent={"space-between"}
+							flexDirection={"row"}
+							alignItems={"center"}
 						>
-							<View>
-								<Box mb={"x64"}>
-									<Text fontSize={40} fontWeight={"bold"}>
-										Connexion
-									</Text>
-									<Text color={"gray"}>Bienvenue, vous nous avez manqué !</Text>
-								</Box>
+							<Fontisto name="close-a" size={12} color="black" />
 
-								<Box gap={"m"}>
-									<Input label="Email" />
-									<Input label="Mot de passe" secureTextEntry={true} />
-								</Box>
-							</View>
-						</KeyboardAvoidingView>
-					</Box>
-					<Box style={{ height: "20%" }} p={"s"}>
-						<Button
-							variant={"full"}
-							textVariants={"primary"}
-							label="Se connecter"
-							onPress={() => {}}
-						/>
-						<Button
-							variant={"lightGray"}
-							textVariants={"black"}
-							label="Creer un compte"
-							onPress={() => {}}
-						/>
+							<TouchableOpacity>
+								<Text>Mot de passe oublie ?</Text>
+							</TouchableOpacity>
+						</Box>
 					</Box>
-				</ContainerBorderTopCurved>
-			</View>
-			{/* <SafeAreaView style={containers.containerFlexUno}> */}
+					<ContainerBorderTopCurved>
+						<Box p={"l"} paddingTop={"x100"} mb={"s"}>
+							<Box>
+								<Text fontSize={40} fontWeight={"bold"}>
+									Connexion
+								</Text>
+								<Text color={"gray"}>Bienvenue, vous nous avez manqué !</Text>
+							</Box>
 
-			{/* </SafeAreaView> */}
+							<Box gap={"m"}>
+								<Input label="Email" />
+								<Input label="Mot de passe" secureTextEntry={true} />
+							</Box>
+						</Box>
+						<Box p={"s"}>
+							<Button
+								variant={"full"}
+								textVariants={"primary"}
+								label="Se connecter"
+								onPress={() => {}}
+							/>
+							<Button
+								variant={"lightGray"}
+								textVariants={"black"}
+								label="Creer un compte"
+								onPress={() => {}}
+							/>
+						</Box>
+					</ContainerBorderTopCurved>
+				</KeyboardAvoidingView>
+			</View>
 		</BackgroundDefault>
 	);
 };