diff --git a/app/Announcements.js b/app/Announcements.js
new file mode 100644
index 0000000..a0e8223
--- /dev/null
+++ b/app/Announcements.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+ SafeAreaView,
+ StyleSheet,
+ ScrollView,
+ View,
+ Text,
+ StatusBar,
+} from 'react-native';
+
+import {
+ Header,
+ LearnMoreLinks,
+ Colors,
+ DebugInstructions,
+ ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+class Announcements extends React.Component {
+ render() {
+ return (
+
+
+
+ )
+ }
+}
+
+export default Announcements;
\ No newline at end of file
diff --git a/app/More.js b/app/More.js
index 5f9da38..60264b5 100644
--- a/app/More.js
+++ b/app/More.js
@@ -6,6 +6,8 @@ import {
View,
Text,
StatusBar,
+ FlatList,
+ TouchableOpacity
} from 'react-native';
import {
@@ -16,14 +18,93 @@ import {
ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
-class More extends React.Component {
+import { NavigationContainer } from '@react-navigation/native'
+import { createStackNavigator } from '@react-navigation/stack'
+
+import styles from './styles/morestyles'
+import Announcements from './Announcements'
+import Resources from './Resources'
+import StudentWeek from './StudentWeek'
+import SSLOps from './SSLOps'
+
+const Stack = createStackNavigator()
+
+class MoreSwitch extends React.Component {
+ constructor(props) {
+ super(props)
+ this.props = props
+ }
+
render() {
return (
-
-
+
+
+ this.props.navigation.navigate(item.key)}>
+ {item.name}
+
+ }
+ />
)
}
}
+class More extends React.Component {
+ render() {
+ return (
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
+
export default More;
\ No newline at end of file
diff --git a/app/Resources.js b/app/Resources.js
new file mode 100644
index 0000000..f79bac7
--- /dev/null
+++ b/app/Resources.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+ SafeAreaView,
+ StyleSheet,
+ ScrollView,
+ View,
+ Text,
+ StatusBar,
+} from 'react-native';
+
+import {
+ Header,
+ LearnMoreLinks,
+ Colors,
+ DebugInstructions,
+ ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+class Resources extends React.Component {
+ render() {
+ return (
+
+
+
+ )
+ }
+}
+
+export default Resources;
\ No newline at end of file
diff --git a/app/SSLOps.js b/app/SSLOps.js
new file mode 100644
index 0000000..de94295
--- /dev/null
+++ b/app/SSLOps.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+ SafeAreaView,
+ StyleSheet,
+ ScrollView,
+ View,
+ Text,
+ StatusBar,
+} from 'react-native';
+
+import {
+ Header,
+ LearnMoreLinks,
+ Colors,
+ DebugInstructions,
+ ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+class SSLOps extends React.Component {
+ render() {
+ return (
+
+
+
+ )
+ }
+}
+
+export default SSLOps;
\ No newline at end of file
diff --git a/app/StudentWeek.js b/app/StudentWeek.js
new file mode 100644
index 0000000..e76d459
--- /dev/null
+++ b/app/StudentWeek.js
@@ -0,0 +1,29 @@
+import React from 'react';
+import {
+ SafeAreaView,
+ StyleSheet,
+ ScrollView,
+ View,
+ Text,
+ StatusBar,
+} from 'react-native';
+
+import {
+ Header,
+ LearnMoreLinks,
+ Colors,
+ DebugInstructions,
+ ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+
+class StudentWeek extends React.Component {
+ render() {
+ return (
+
+
+
+ )
+ }
+}
+
+export default StudentWeek;
\ No newline at end of file
diff --git a/app/styles/morestyles.js b/app/styles/morestyles.js
new file mode 100644
index 0000000..8f4b0e8
--- /dev/null
+++ b/app/styles/morestyles.js
@@ -0,0 +1,21 @@
+import {StyleSheet, Dimensions} from 'react-native';
+
+const styles=StyleSheet.create({
+ moreitem: {
+ backgroundColor:'red',
+ borderColor:'white',
+ borderWidth:0.5,
+ height: Dimensions.get('window').height*0.075,
+ justifyContent:'center'
+ },
+ moretext: {
+ color:'#eee',
+ fontSize:20,
+ },
+ headerTitle: {
+ fontWeight:'bold',
+ fontSize:24
+ }
+});
+
+export default styles;
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 3260be0..bc67997 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2308,6 +2308,11 @@
"integrity": "sha512-W/J0fNYVO01tioHjvYWQ9m6RgndVtbElzYozBq1ZPrHO/iCzlqoySHl4gO/fpCl9QEFjvJfjPgtPMTMlsoq5DQ==",
"dev": true
},
+ "@react-native-community/masked-view": {
+ "version": "0.1.10",
+ "resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.10.tgz",
+ "integrity": "sha512-rk4sWFsmtOw8oyx8SD3KSvawwaK7gRBSEIy2TAwURyGt+3TizssXP1r8nx3zY+R7v2vYYHXZ+k2/GULAT/bcaQ=="
+ },
"@react-navigation/bottom-tabs": {
"version": "5.8.0",
"resolved": "https://registry.npmjs.org/@react-navigation/bottom-tabs/-/bottom-tabs-5.8.0.tgz",
diff --git a/package.json b/package.json
index c8f61e5..6fd3d24 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
"lint": "eslint ."
},
"dependencies": {
+ "@react-native-community/masked-view": "^0.1.10",
"@react-navigation/bottom-tabs": "^5.8.0",
"@react-navigation/native": "^5.7.3",
"@react-navigation/stack": "^5.9.0",