Skip to content

B
beasy-mobile
Commit c36f82a6 by G
Options

keyboard no longer hiding input fields

parent 0fb08aa4
Showing with 45 additions and 50 deletions
src/screens/UserLoginScreen.tsx
...@@ -15,60 +15,55 @@ const UserLoginScreen = () => { ...@@ -15,60 +15,55 @@ const UserLoginScreen = () => {
return ( return (
<BackgroundDefault> <BackgroundDefault>
<View style={[containers.containerFull, { paddingTop: insets.top }]}> <View style={[containers.containerFull, { paddingTop: insets.top }]}>
<Box style={{ height: "20%" }} px={"l"}> <KeyboardAvoidingView
<Box behavior={Platform.OS === "ios" ? "height" : "height"}
px={"m"} style={{ flex: 1 }}
justifyContent={"space-between"} >
flexDirection={"row"} <Box style={{ height: "20%" }} px={"l"}>
alignItems={"center"} <Box
> px={"m"}
<Fontisto name="close-a" size={12} color="black" /> justifyContent={"space-between"}
flexDirection={"row"}
<TouchableOpacity> alignItems={"center"}
<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 }}
> >
<View> <Fontisto name="close-a" size={12} color="black" />
<Box mb={"x64"}>
<Text fontSize={40} fontWeight={"bold"}>
Connexion
</Text>
<Text color={"gray"}>Bienvenue, vous nous avez manqué !</Text>
</Box>
<Box gap={"m"}> <TouchableOpacity>
<Input label="Email" /> <Text>Mot de passe oublie ?</Text>
<Input label="Mot de passe" secureTextEntry={true} /> </TouchableOpacity>
</Box> </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={() => {}}
/>
</Box> </Box>
</ContainerBorderTopCurved> <ContainerBorderTopCurved>
</View> <Box p={"l"} paddingTop={"x100"} mb={"s"}>
{/* <SafeAreaView style={containers.containerFlexUno}> */} <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> </BackgroundDefault>
); );
}; };
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment