Commit a77a7fdc authored by Harpreet's avatar Harpreet
Browse files

Information page

parent 09c424fe
......@@ -3,21 +3,58 @@ import { StyleSheet, Text, View } 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';
//view for the information screen
export default function Information() {
return (
<View style={style.container}>
<Text>Information!</Text>
</View>
<SafeAreaView style={style.container}>
<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>
</SafeAreaView>
);
}
const style = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#ffffff'
},
IHeader: {
backgroundColor: '#A5D6AA',
height: 65,
flexDirection: 'row',
justifyContent: 'space-between',
},
IHeaderText: {
fontSize: 24,
paddingLeft: '2%',
...Platform.select({
ios: {
marginTop: 25,
},
android: {
marginTop: 20,
}
})
},
content: {
marginTop: 20,
marginLeft: 20,
marginRight: 15
},
header: {
fontSize: 22,
},
})
\ No newline at end of file
{
"lockfileVersion": 1
}
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