Update LoginScreen.tsx

CodingFactory-Repos · Feb 28, 2024 · dc62a0d · dc62a0d
1 parent 10083e4
commit dc62a0d
Showing 1 changed file with 55 additions and 3 deletions.
diff --git a/src/screens/login/LoginScreen.tsx b/src/screens/login/LoginScreen.tsx
@@ -1,5 +1,13 @@
 import React from 'react';
-import {Image, SafeAreaView, StyleSheet, Text, View} from 'react-native';
+import {
+  Button,
+  Image,
+  SafeAreaView,
+  StyleSheet,
+  Text,
+  TextInput,
+  View,
+} from 'react-native';
 
 const LoginScreen = () => {
   return (
@@ -9,9 +17,53 @@ const LoginScreen = () => {
           source={require('../../../assets/kayu.png')}
           style={{width: 200, height: 200}}
         />
+        <Text style={{fontSize: 24, fontWeight: 'bold'}}>
+          Welcome back to Kayu
+        </Text>
       </View>
-      <View style={{flex: 3}}>
-        <Text>Form</Text>
+      <View
+        style={{
+          flex: 3,
+          alignItems: 'center',
+          justifyContent: 'space-evenly',
+        }}>
+        <Text style={{fontSize: 24, fontWeight: 'bold'}}>Login</Text>
+
+        <View style={{width: '80%'}}>
+          <View>
+            <TextInput
+              placeholder="Email"
+              style={{
+                borderWidth: 1,
+                padding: 10,
+                borderRadius: 10,
+                borderColor: 'grey',
+              }}
+            />
+            <TextInput
+              placeholder="Password"
+              style={{
+                borderWidth: 1,
+                padding: 10,
+                marginTop: 10,
+                borderRadius: 10,
+                borderColor: 'grey',
+              }}
+            />
+          </View>
+          <View style={{width: '80%', marginTop: 10}}>
+            <View
+              style={{flexDirection: 'row', justifyContent: 'space-between'}}>
+              <Text style={{textAlign: 'left', width: '50%'}}>
+                Forgot Password?
+              </Text>
+              <Text style={{textAlign: 'right', width: '50%'}}>
+                You don't have an account?
+              </Text>
+            </View>
+            <Button title="Login" />
+          </View>
+        </View>
       </View>
     </SafeAreaView>
   );