Add files via upload

Author: Programmer-RD-AI

app/components/AppText.js

@@ -1,15 +1,10 @@
 import React from "react";
 import { Text, StyleSheet, Platform } from "react-native";
-
+import defaultStyles from '../config/styles'
 function AppText({ children, style }) {
-  return <Text style={[styles.text, style]}>{children}</Text>;
+  return <Text style={[defaultStyles, style]}>{children}</Text>;
 }
 
-const styles = StyleSheet.create({
-  text: {
-    fontSize: 18,
-    fontFamily: Platform.OS === "android" ? "Roboto" : "Avenir",
-  },
-});
+
 
 export default AppText;

app/components/AppTextInput.js

@@ -1,11 +1,34 @@
-import React from 'react';
-
-function AppTextInput(props) {
-    return (
-        <div>
-            
-        </div>
-    );
+import React from "react";
+import { View, StyleSheet, TextInput } from "react-native";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import colors from "../config/colors";
+import defaultStyles from "../config/styles"
+function AppTextInput({ icon, ...otherProps }) {
+  return (
+    <View styles={styles.container}>
+      {icon && (
+        <MaterialCommunityIcons
+          name={icon}
+          size={20}
+          color={colors.medium}
+          style={styles.icon}
+        />
+      )}
+      <TextInput style={defaultStyles.text} {...otherProps} />
+    </View>
+  );
 }
-
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: colors.light,
+    borderRadius: 25,
+    flexDirection: "row",
+    width: "100%",
+    padding: 15,
+    marginVertical: 10,
+  },
+  icon: {
+    marginRight: 10,
+  },
+});
 export default AppTextInput;

app/config/colors.js

@@ -5,5 +5,6 @@ export default {
   white: "#fff",
   medium: "#6e6969",
   light : "#f8f4f4",
-  danger :"red"
+  danger :"red",
+  dark:"#0c0c0c"
 };

app/config/styles.js

@@ -0,0 +1,11 @@
+import { Platform } from "react-native";
+import colors from "./colors";
+
+export default {
+  colors: colors,
+  text: {
+    color: colors.dark,
+    fontSize: 18,
+    fontFamily: Platform.OS === "android" ? "Roboto" : "Avenir",
+  },
+};