keyboard no longer hiding input fields

src/screens/UserLoginScreen.tsx

@@ -15,6 +15,10 @@ const UserLoginScreen = () => {
 	return (
 		<BackgroundDefault>
 			<View style={[containers.containerFull, { paddingTop: insets.top }]}>
+				<KeyboardAvoidingView
+					behavior={Platform.OS === "ios" ? "height" : "height"}
+					style={{ flex: 1 }}
+				>
 					<Box style={{ height: "20%" }} px={"l"}>
 						<Box
 							px={"m"}
@@ -30,13 +34,8 @@ const UserLoginScreen = () => {
 						</Box>
 					</Box>
 					<ContainerBorderTopCurved>
-					<Box p={"l"} style={{ height: "70%" }} paddingTop={"x100"}>
-						<KeyboardAvoidingView
-							behavior={Platform.OS === "ios" ? "height" : "height"}
-							style={{ flex: 1 }}
-						>
-							<View>
-								<Box mb={"x64"}>
+						<Box p={"l"} paddingTop={"x100"} mb={"s"}>
+							<Box>
 								<Text fontSize={40} fontWeight={"bold"}>
 									Connexion
 								</Text>
@@ -47,10 +46,8 @@ const UserLoginScreen = () => {
 								<Input label="Email" />
 								<Input label="Mot de passe" secureTextEntry={true} />
 							</Box>
-							</View>
-						</KeyboardAvoidingView>
 						</Box>
-					<Box style={{ height: "20%" }} p={"s"}>
+						<Box p={"s"}>
 							<Button
 								variant={"full"}
 								textVariants={"primary"}
@@ -65,10 +62,8 @@ const UserLoginScreen = () => {
 							/>
 						</Box>
 					</ContainerBorderTopCurved>
+				</KeyboardAvoidingView>
 			</View>
-			{/* <SafeAreaView style={containers.containerFlexUno}> */}
-
-			{/* </SafeAreaView> */}
 		</BackgroundDefault>
 	);
 };