resource page + styles

This commit is contained in:
Emily Liu 2020-10-07 13:13:47 -04:00
parent a26d44c8cf
commit f52f7c1f24
9 changed files with 90 additions and 6 deletions

View File

@ -6,6 +6,8 @@ import {
View, View,
Text, Text,
StatusBar, StatusBar,
Linking,
Image,
} from 'react-native'; } from 'react-native';
import { import {
@ -15,13 +17,73 @@ import {
DebugInstructions, DebugInstructions,
ReloadInstructions, ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen'; } from 'react-native/Libraries/NewAppScreen';
import styles from './styles/morestyles';
class Resources extends React.Component { class Resources extends React.Component {
render() { render() {
return ( return (
<View> <ScrollView>
<View style = {styles.resourceContainer}>
</View> <Text onPress={() => Linking.openURL('https://classroom.mcpsmd.org/')}>
<Image source ={require('./assets/canvaslogo.png')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
MyMCPS Classroom
</Text>
</View>
</Text>
</View>
<View style = {styles.resourceContainer}>
<Text onPress={() => Linking.openURL('https://md-mcps-psv.edupoint.com/Home_PXP2.aspx')}>
<Image source ={require('./assets/studentvue.jpg')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
StudentVUE
</Text>
</View>
</Text>
</View>
<View style = {styles.resourceContainer}>
<Text onPress={() => Linking.openURL('https://mbhs.edu/newsevents/Announcements/Montgomery%20Blair%20High%20School%20Final%20Bell%20Schedule%20.pdf')}>
<Image source ={require('./assets/schedule.jpg')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
1st Semester Schedule
</Text>
</View>
</Text>
</View>
<View style = {styles.resourceContainer}>
<Text onPress={() => Linking.openURL('https://student.naviance.com/mbhs')}>
<Image source ={require('./assets/naviance.png')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
Naviance
</Text>
</View>
</Text>
</View>
<View style = {styles.resourceContainer}>
<Text onPress={() => Linking.openURL('https://blairblazersathletics.com/')}>
<Image source ={require('./assets/athletics.jpg')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
Blair Athletics
</Text>
</View>
</Text>
</View>
<View style = {styles.resourceContainer}>
<Text onPress={() => Linking.openURL('https://classroom.google.com/u/0/h')}>
<Image source ={require('./assets/googleclassroom.jpg')} style = {styles.image}/>
<View style = {styles.textContainer}>
<Text style = {styles.resourceText}>
Google Classroom
</Text>
</View>
</Text>
</View>
</ScrollView>
) )
} }
} }

BIN
app/assets/athletics.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
app/assets/canvaslogo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
app/assets/naviance.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

BIN
app/assets/schedule.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
app/assets/studentvue.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

View File

@ -10,7 +10,7 @@ const styles = StyleSheet.create({
padding: 20, padding: 20,
marginVertical: 8, marginVertical: 8,
marginHorizontal: 16, marginHorizontal: 16,
borderRadius: 8, borderRadius: 16,
}, },
title: { title: {
fontSize: 32, fontSize: 32,

View File

@ -15,7 +15,29 @@ const styles=StyleSheet.create({
headerTitle: { headerTitle: {
fontWeight:'bold', fontWeight:'bold',
fontSize:24 fontSize:24
} },
resourceContainer: {
alignItems: 'center',
marginTop: '3%',
},
image: {
height: 100,
width: 400,
borderTopRightRadius: 16,
borderTopLeftRadius: 16,
},
textContainer: {
backgroundColor: 'black',
width: 400,
borderBottomLeftRadius: 16,
borderBottomRightRadius: 16,
},
resourceText: {
fontWeight: 'bold',
color: 'white',
fontSize:32,
textAlign:'center',
},
}); });
export default styles; export default styles;