Update: About us

App.js

@@ -6,6 +6,7 @@ import { createDrawerNavigator } from "@react-navigation/drawer";
 import { homeStack } from "./Navigations/homeStack";
 import { AuthStack } from "./Navigations/AuthStack";
 import { FontAwesome } from '@expo/vector-icons';
+import { AboutUs } from './screen/AboutUs';
 
 
 const Drawer = createDrawerNavigator();
@@ -18,6 +19,7 @@ export default function App() {
     <Drawer.Navigator initialRouteName="Authntications">
       <Drawer.Screen name="Authentications" component={AuthStack} />
       <Drawer.Screen name="Agripreneurs" component={homeStack} />
+      <Drawer.Screen name="About Us" component={AboutUs} />
     </Drawer.Navigator>
   </NavigationContainer>
   );

Navigations/homeStack.js

@@ -6,6 +6,7 @@ import { HomeScreen } from "../screen/HomeScreen";
 import { Leaderboard } from "../screen/Leaderboard";
 import { PriceScreen } from "../screen/PriceScreen";
 import { gamification } from "../screen/gamification";
+import { AboutUs } from "../screen/AboutUs";
 
 const Stack = createStackNavigator();
 
@@ -53,6 +54,14 @@ export function homeStack({ navigation }) {
           headerTitleAlign: "center",
         }}
       />
+      <Stack.Screen
+        name="AboutUs"
+        component={AboutUs}
+        options={{
+          title: "About Page",
+          headerTitleAlign: "center",
+        }}
+      />
     </Stack.Navigator>
   );
 }

screen/AboutUs.js

+// Example of Splash, Login and Sign Up in React Native
+// https://aboutreact.com/react-native-login-and-signup/
+
+// Import React and Component
+import React from 'react';
+import { StyleSheet, View, Text, TouchableOpacity } from "react-native";
+
+export function AboutUs({ navigation }) {
+  //to diable the yellow box warning on the simulator
+  console.disableYellowBox = true;
+
+  return (
+    <View style={styles.container}>
+        <View>
+        <Text style={styles.topic}> About Us </Text>
+        </View>
+           
+      <Text style={styles.heading}>
+      What is Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and 
+      typesetting industry Lorem Ipsum has been the industry's standard dummy text ever
+       since the 1500s when an unknown printer took a galley of type and 
+       scrambled it to make a type specimen book it has?
+      </Text>
+      <Text style={styles.heading}>
+      What is Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and 
+      typesetting industry Lorem Ipsum has been the industry's standard dummy text ever
+       since the 1500s when an unknown printer took a galley of type and 
+       scrambled it to make a type specimen book it has?
+      </Text>
+      <Text style={styles.heading2}>
+          125, Galle road, colombo-3. 0775555555
+        All Right Reserved.
+      </Text>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  heading: {
+    fontSize: 17,
+    alignSelf: "center",
+    marginTop: 10,
+  },
+  heading2: {
+    fontSize: 15,
+    alignSelf: "center",
+    marginTop: 10,
+  },
+  buttonText: {
+    color: "#000",
+    fontSize: 15,
+    marginLeft: 8
+  },
+  container: {
+    marginTop: 15,
+    marginLeft: 10,
+    marginRight: 10,
+
+  },
+  topic: {
+    textAlign: 'center',
+    color: '#333',
+    fontWeight: 'bold',
+    padding: 10,
+    fontSize: 18,
+    marginTop:15
+  }
+});
+