Commit 790f7bb5 authored by Harpreet's avatar Harpreet
Browse files

information, contact, about

parent a77a7fdc
import * as React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { MaterialCommunityIcons } from '@expo/vector-icons';
import { SafeAreaView } from 'react-native-safe-area-context';
import Icon from "react-native-vector-icons/AntDesign";
//view for the About screen
export default function About() {
return (
<SafeAreaView style={style.container}>
<View style={style.AHeader}>
<Text style={style.AHeaderText}>Contact</Text>
</View>
);
}
const style = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#ffffff'
},
AHeader: {
backgroundColor: '#A5D6AA',
height: 65,
flexDirection: 'row',
justifyContent: 'space-between',
},
AHeaderText: {
fontSize: 24,
paddingLeft: '2%',
...Platform.select({
ios: {
marginTop: 25,
},
android: {
marginTop: 20,
}
})
}
})
\ No newline at end of file
import * as React from 'react';
import { StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { MaterialCommunityIcons } from '@expo/vector-icons';
import { SafeAreaView } from 'react-native-safe-area-context';
import Icon from "react-native-vector-icons/AntDesign";
//view for the Contact screen
export default function Contact() {
return (
<SafeAreaView style={style.container}>
<View style={style.CHeader}>
<Text style={style.CHeaderText}>Contact</Text>
</View>
);
}
const style = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#ffffff'
},
CHeader: {
backgroundColor: '#A5D6AA',
height: 65,
flexDirection: 'row',
justifyContent: 'space-between',
},
CHeaderText: {
fontSize: 24,
paddingLeft: '2%',
...Platform.select({
ios: {
marginTop: 25,
},
android: {
marginTop: 20,
}
})
}
})
\ No newline at end of file
import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { StyleSheet, Text, View, TouchableOpacity, ScrollView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { MaterialCommunityIcons } from '@expo/vector-icons';
import { SafeAreaView } from 'react-native-safe-area-context';
import Icon from "react-native-vector-icons/AntDesign";
//view for the information screen
export default function Information() {
......@@ -12,16 +13,29 @@ export default function Information() {
<View style={style.IHeader}>
<Text style={style.IHeaderText}>Information</Text>
</View>
<View style={style.content}>
<Text style={style.header}>How did we get the information?</Text>
<Text>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in oluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</Text>
<Text style={[style.header, {paddingTop:15}]}>What does the score mean?</Text>
<Text>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in oluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</Text>
</View>
<ScrollView>
<View style={style.content}>
<Text style={style.title}>How did we get the information?</Text>
<Text>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in oluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</Text>
<Text style={[style.title, {paddingTop:15}]}>What does the score mean?</Text>
<Text>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in oluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
</Text>
<TouchableOpacity>
<Text style={[style.title, {paddingTop:15}]}>About
<Icon name='right' size={19} color='#767577'/>
</Text>
</TouchableOpacity>
<TouchableOpacity>
<Text style={[style.title, {paddingTop:15}]}>Contact
<Icon name='right' size={19} color='#767577'/>
</Text>
</TouchableOpacity>
</View>
</ScrollView>
</SafeAreaView>
);
}
......@@ -54,7 +68,7 @@ const style = StyleSheet.create({
marginLeft: 20,
marginRight: 15
},
header: {
fontSize: 22,
},
title: {
fontSize: 19,
},
})
\ No newline at end of file
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