From 199e2591ba93399ecf71bd443694dc67a16385b0 Mon Sep 17 00:00:00 2001 From: M10T Date: Sun, 9 Aug 2020 20:56:12 -0400 Subject: [PATCH] Added more screen --- app/Announcements.js | 29 ++++++++++++++ app/More.js | 87 ++++++++++++++++++++++++++++++++++++++-- app/Resources.js | 29 ++++++++++++++ app/SSLOps.js | 29 ++++++++++++++ app/StudentWeek.js | 29 ++++++++++++++ app/styles/morestyles.js | 21 ++++++++++ package-lock.json | 5 +++ package.json | 1 + 8 files changed, 227 insertions(+), 3 deletions(-) create mode 100644 app/Announcements.js create mode 100644 app/Resources.js create mode 100644 app/SSLOps.js create mode 100644 app/StudentWeek.js create mode 100644 app/styles/morestyles.js 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",