login screen done

src/screens/AuthScreen/Login/index.js

@@ -17,11 +17,8 @@ const Login = ({ navigation }) => {
   const [username, setUsername] = useState('');
 
   return (
-    <Background
-      barcolor="light-content"
-      gradientColors={['#1a1a1a', '#333333', '#4d4d4d']} // optional custom colors
-    >
-      <KeyboardAwareScrollView style={styles.container}>
+    <Background barcolor="light-content">
+      <KeyboardAwareScrollView style={styles.container} contentContainerStyle={{justifyContent:'center', flex:1}}>
         <View style={styles.logoContainer}>
           <Image style={styles.appLogo} source={IMAGES.AppLogo} />
         </View>

src/screens/AuthScreen/Login/style.js

@@ -4,13 +4,13 @@ import { GlobalTheme , Screen } from '../../../theme';
 
 export const styles = StyleSheet.create({
   container: {
-    // flex: 1,
-    backgroundColor: GlobalTheme.colors.white,
+    flex: 1,
+    // backgroundColor: GlobalTheme.colors.white,
     paddingHorizontal: 10,
+    // justifyContent:'center'
   },
   logoContainer: {
     alignItems: 'center',
-    paddingTop: 40,
   },
   appLogo: {
     height :200 ,