first commit

2024-08-29 14:55:10 -04:00
parent e88bc2ca3c
commit 975ed05ad9
18 changed files with 2008 additions and 680 deletions
@@ -0,0 +1,89 @@
+import { Stack, useNavigation } from 'expo-router';
+import { ImageBackground, StyleSheet, Button, TextInput, Text, View ,Image,Alert } from 'react-native';
+import { useEffect } from 'react';
+
+const Home =()=> {
+
+    const image = {uri: 'https://rader.app/assets/images/app/home.jpg'};
+
+
+    return (
+        <View style={styles.container}>
+          <ImageBackground source={image} resizeMode="cover" style={styles.image}>
+              <View style={styles.login_box}>
+                  <Image
+                      style={styles.tinyLogo}
+                      source={{
+                          uri: 'https://reactnative.dev/img/tiny_logo.png',
+                      }} />
+                  <Text>Home Screen Ameyew ggg fff hhh yyyy</Text>
+                  <TextInput
+                      name='username'
+                      editable
+                      maxLength={40}
+                      value=''
+                      style={styles.textInp}
+                  />
+
+                  <TextInput
+                      name ='password'
+                      editable
+                      maxLength={40}
+                      value=''
+                      style={styles.textInp}
+                  />
+
+                  <Button
+                      title="Log in"
+                      style={styles.loginButton}
+                      onPress={() => Alert.alert('Button with adjusted color pressed')}
+                  />
+              </View>
+
+          </ImageBackground>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    login_box: {
+        backgroundColor: 'white',
+        maxWidth: '450px',
+        margin: 'auto',
+        borderRadius: '10px',
+        padding: '15px',
+        gap:10
+    },
+    loginButton:{
+        borderRadius: '5px',
+        backgroundColor: '#f194ff'
+    },
+    tinyLogo: {
+        width: 50,
+        height: 50,
+        margin:'auto'
+    },
+    textInp:{
+        padding: '10',
+        backgroundColor: 'whitesmoke',
+        fontSize:'18px',
+        borderRadius: '5px'
+
+    },
+    image: {
+        flex: 1,
+        justifyContent: 'center',
+    },
+    text: {
+        color: 'white',
+        fontSize: 42,
+        lineHeight: 84,
+        fontWeight: 'bold',
+        textAlign: 'center',
+        backgroundColor: '#000000c0',
+    },
+});
+export default Home;