login page

App.tsx

@@ -6,9 +6,9 @@ import fonts from "./config/fonts";
 import Navigation from "./navigation";
 
 export default function App() {
-  const [fontsLoaded] = useFonts(fonts);
-
-  return !fontsLoaded ? null : (
+  // const [fontsLoaded] = useFonts(fonts);
+  // !fontsLoaded ? null :
+  return  (
     <SafeAreaProvider>
       <Navigation />
       <StatusBar />

constants/Colors.ts

@@ -4,12 +4,13 @@ const dark = "#626262";
 const blue = "#1F41BB";
 const gray = "#ECECEC";
 const lightBlue = "#f1f4ff";
+const red = "#fc7703";
 
 export default {
   darkText: dark,
   text: black,
   background: white,
-  primary: blue,
+  primary: red,
   onPrimary: white,
   active: blue,
   borderWithOpacity: "#1f41bb",

constants/FontSize.ts

@@ -2,7 +2,7 @@ const small: number = 14;
 const medium: number = 16;
 const large: number = 20;
 const xLarge: number = 30;
-const xxLarge: number = 35;
+const xxLarge: number = 40;
 
 export default {
   small,

package.json

@@ -14,10 +14,11 @@
   },
   "dependencies": {
     "@expo/vector-icons": "^13.0.0",
+    "@expo/webpack-config": "^18.0.1",
     "@react-navigation/bottom-tabs": "^6.0.5",
-    "@react-navigation/native": "^6.0.2",
+    "@react-navigation/native": "^6.1.6",
     "@react-navigation/native-stack": "^6.1.0",
-    "expo": "~47.0.8",
+    "expo": "^48.0.7",
     "expo-asset": "~8.6.2",
     "expo-constants": "~14.0.2",
     "expo-font": "~11.0.1",
@@ -26,7 +27,8 @@
     "expo-status-bar": "~1.4.2",
     "expo-system-ui": "~2.0.1",
     "expo-web-browser": "~12.0.0",
-    "react": "18.1.0",
+    "ionicons": "^7.0.0",
+    "react": "^18.2.0",
     "react-dom": "18.1.0",
     "react-native": "0.70.5",
     "react-native-safe-area-context": "4.4.1",

screens/LoginScreen.tsx

@@ -118,7 +118,7 @@ const LoginScreen: React.FC<Props> = ({ navigation: { navigate } }) => {
           </Text>
         </TouchableOpacity>
 
-        <View
+        {/* <View
           style={{
             marginVertical: Spacing * 3,
           }}
@@ -184,7 +184,7 @@ const LoginScreen: React.FC<Props> = ({ navigation: { navigate } }) => {
               />
             </TouchableOpacity>
           </View>
-        </View>
+        </View> */}
       </View>
     </SafeAreaView>
   );

screens/WelcomeScreen.tsx

@@ -24,10 +24,10 @@ const WelcomeScreen: React.FC<Props> = ({ navigation: { navigate } }) => {
       <View>
         <ImageBackground
           style={{
-            height: height / 2.5,
+            height: height / 3,
           }}
           resizeMode="contain"
-          source={require("../assets/images/welcome-img.png")}
+          source={require("../assets/images/wel.jpg")}
         />
         <View
           style={{
@@ -39,11 +39,12 @@ const WelcomeScreen: React.FC<Props> = ({ navigation: { navigate } }) => {
             style={{
               fontSize: FontSize.xxLarge,
               color: Colors.primary,
+              fontWeight:'700',
               fontFamily: Font["poppins-bold"],
               textAlign: "center",
             }}
           >
-            Discover Your Dream Job here
+            Welcome to my app
           </Text>
 
           <Text
@@ -54,9 +55,7 @@ const WelcomeScreen: React.FC<Props> = ({ navigation: { navigate } }) => {
               textAlign: "center",
               marginTop: Spacing * 2,
             }}
-          >
-            Explore all the existing job roles based or your interest and study
-            major
+          >It must be located at the root of your project, next to the package.json. Here is a bare-minimum example:
           </Text>
         </View>
         <View

tsconfig.json

@@ -1,6 +1,7 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
+    "jsx": "react",
     "strict": true
   }
 }