Update: About us

parent 4fc95009
...@@ -6,6 +6,7 @@ import { createDrawerNavigator } from "@react-navigation/drawer"; ...@@ -6,6 +6,7 @@ import { createDrawerNavigator } from "@react-navigation/drawer";
import { homeStack } from "./Navigations/homeStack"; import { homeStack } from "./Navigations/homeStack";
import { AuthStack } from "./Navigations/AuthStack"; import { AuthStack } from "./Navigations/AuthStack";
import { FontAwesome } from '@expo/vector-icons'; import { FontAwesome } from '@expo/vector-icons';
import { AboutUs } from './screen/AboutUs';
const Drawer = createDrawerNavigator(); const Drawer = createDrawerNavigator();
...@@ -18,6 +19,7 @@ export default function App() { ...@@ -18,6 +19,7 @@ export default function App() {
<Drawer.Navigator initialRouteName="Authntications"> <Drawer.Navigator initialRouteName="Authntications">
<Drawer.Screen name="Authentications" component={AuthStack} /> <Drawer.Screen name="Authentications" component={AuthStack} />
<Drawer.Screen name="Agripreneurs" component={homeStack} /> <Drawer.Screen name="Agripreneurs" component={homeStack} />
<Drawer.Screen name="About Us" component={AboutUs} />
</Drawer.Navigator> </Drawer.Navigator>
</NavigationContainer> </NavigationContainer>
); );
......
...@@ -6,6 +6,7 @@ import { HomeScreen } from "../screen/HomeScreen"; ...@@ -6,6 +6,7 @@ import { HomeScreen } from "../screen/HomeScreen";
import { Leaderboard } from "../screen/Leaderboard"; import { Leaderboard } from "../screen/Leaderboard";
import { PriceScreen } from "../screen/PriceScreen"; import { PriceScreen } from "../screen/PriceScreen";
import { gamification } from "../screen/gamification"; import { gamification } from "../screen/gamification";
import { AboutUs } from "../screen/AboutUs";
const Stack = createStackNavigator(); const Stack = createStackNavigator();
...@@ -53,6 +54,14 @@ export function homeStack({ navigation }) { ...@@ -53,6 +54,14 @@ export function homeStack({ navigation }) {
headerTitleAlign: "center", headerTitleAlign: "center",
}} }}
/> />
<Stack.Screen
name="AboutUs"
component={AboutUs}
options={{
title: "About Page",
headerTitleAlign: "center",
}}
/>
</Stack.Navigator> </Stack.Navigator>
); );
} }
// 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
}
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment