Dashboard layout init

App.js

@@ -23,20 +23,26 @@ export default function App(props) {
 
   // Ignore firebase v9 AsyncStorage warning
   React.useEffect(() => {
-    loadFonts();
-    LogBox.ignoreLogs([
-      "AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-async-storage/async-storage' instead of 'react-native'. See https://github.com/react-native-async-storage/async-storage",
-    ]);
+    async function loadFonts() {
+      await Font.loadAsync({
+        SFPRODISPLAYBOLD: require('./assets/fonts/SFPRODISPLAYBOLD.otf'),
+      });
+  
+      setIsReady(true);
+    }
+    // LogBox.ignoreLogs([
+    //   "AsyncStorage has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-async-storage/async-storage' instead of 'react-native'. See https://github.com/react-native-async-storage/async-storage",
+    // ]);
 
   }, []);
 
-  async function loadFonts() {
-    await Font.loadAsync({
-      SFPRODISPLAYBOLD: require('./assets/fonts/SFPRODISPLAYBOLD.otf'),
-    });
+  // async function loadFonts() {
+  //   await Font.loadAsync({
+  //     SFPRODISPLAYBOLD: require('./assets/fonts/SFPRODISPLAYBOLD.otf'),
+  //   });
 
-    setIsReady(true);
-  }
+  //   setIsReady(true);
+  // }
 
   // if (!isReady) {
   //   return <AppLoading></AppLoading>;

package.json

@@ -11,7 +11,7 @@
     "@expo/vector-icons": "^12.0.0",
     "@react-navigation/native": "^6.0.6",
     "@react-navigation/native-stack": "^6.2.5",
-    "expo": "~44.0.0",
+    "expo": "^44.0.6",
     "expo-asset": "~8.4.6",
     "expo-font": "~10.0.4",
     "expo-status-bar": "~1.2.0",
@@ -25,7 +25,8 @@
     "react-native-web": "0.17.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.12.9"
+    "@babel/core": "^7.12.9",
+    "prettier": "2.6.0"
   },
   "private": true
 }

src/screens/Home.js

 import React from "react";
-import { View, Linking } from "react-native";
+import { View, Linking, Card  } from "react-native";
 import { getAuth, signOut } from "firebase/auth";
 import {
   Layout,
@@ -20,6 +20,11 @@ export default function ({ navigation }) {
     <Layout>
       <TopNav
         middleContent="Home"
+        leftContent={<Ionicons
+            name={isDarkmode ? "sunny" : "moon"}
+            size={20}
+            color={isDarkmode ? themeColor.white100 : themeColor.dark}
+          />}
         rightContent={
           <Ionicons
             name={isDarkmode ? "sunny" : "moon"}
@@ -27,6 +32,7 @@ export default function ({ navigation }) {
             color={isDarkmode ? themeColor.white100 : themeColor.dark}
           />
         }
+        
         rightAction={() => {
           if (isDarkmode) {
             setTheme("light");
@@ -45,7 +51,7 @@ export default function ({ navigation }) {
         <Section style={{ marginTop: 20 }}>
           <SectionContent>
             <Text fontWeight="bold" style={{ textAlign: "center" }}>
-              These UI components provided by Rapi UI
+              These UI  components provided by Rapi UI
             </Text>
             <Button
               style={{ marginTop: 10 }}
@@ -74,6 +80,7 @@ export default function ({ navigation }) {
             />
           </SectionContent>
         </Section>
+        
       </View>
     </Layout>
   );

src/screens/SecondScreen.js

@@ -5,6 +5,8 @@ import {
   TopNav,
   Text,
   themeColor,
+  Section,
+  SectionContent,
   useTheme,
 } from "react-native-rapi-ui";
 import { Ionicons } from "@expo/vector-icons";
@@ -38,15 +40,25 @@ export default function ({ navigation }) {
           }
         }}
       />
-      <View
-        style={{
-          flex: 1,
-          alignItems: "center",
-          justifyContent: "center",
-        }}
-      >
-        {/* This text using ubuntu font */}
-        <Text fontWeight="bold">This is the second screen</Text>
+      <View style={{flex: 1, flexDirection: 'row',alignItems: "center",justifyContent:"center"}}>
+ 
+      
+        <View style={{flex: 1, margin:10 }} >
+        <Section >
+        <SectionContent>
+          {/* This text using ubuntu font */}
+          <Text fontWeight="bold">This is the second screen</Text>
+        </SectionContent>
+      </Section>
+        </View>
+        <View style={{flex: 1,margin:10}} >
+        <Section >
+        <SectionContent>
+          {/* This text using ubuntu font */}
+          <Text fontWeight="bold">This is the second screen</Text>
+        </SectionContent>
+      </Section>
+        </View>
       </View>
     </Layout>
   );

src/screens/auth/Login.js

@@ -76,6 +76,7 @@ export default function ({ navigation }) {
               style={{
                 fontFamily: 'SFPRODISPLAYBOLD',
                 fontSize:30,
+                fontWeight:"bold",
                 alignSelf: "center",
                 padding: 30,
                 color: isDarkmode ? "#FFFFFF" : "#000000",

src/screens/auth/Register.js

@@ -76,6 +76,7 @@ export default function ({ navigation }) {
               style={{
                 alignSelf: "center",
                 padding: 30,
+                fontWeight:"bold"
               }}
             >
               Register
@@ -133,6 +134,7 @@ export default function ({ navigation }) {
                   fontWeight="bold"
                   style={{
                     marginLeft: 5,
+                    fontWeight:"bold"
                   }}
                 >
                   Login here