mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-09 07:11:16 -05:00
Added more screen
This commit is contained in:
parent
4e62459760
commit
199e2591ba
29
app/Announcements.js
Normal file
29
app/Announcements.js
Normal file
|
@ -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 (
|
||||
<View>
|
||||
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Announcements;
|
87
app/More.js
87
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 (
|
||||
<View>
|
||||
|
||||
<View style={{flex:1}}>
|
||||
<FlatList
|
||||
data={[
|
||||
{name:"Announcements",key:"announce"},
|
||||
{name:"Resources",key:"resources"},
|
||||
{name:"Student of the Week",key:"studentweek"},
|
||||
{name:"SSL Opportunities",key:"sslops"}
|
||||
]}
|
||||
renderItem={({item})=>
|
||||
<TouchableOpacity style={styles.moreitem} onPress={()=>this.props.navigation.navigate(item.key)}>
|
||||
<Text style={styles.moretext}>{item.name}</Text>
|
||||
</TouchableOpacity>
|
||||
}
|
||||
/>
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
class More extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<NavigationContainer independent={true}>
|
||||
<Stack.Navigator>
|
||||
<Stack.Screen
|
||||
name="Chooser"
|
||||
component={MoreSwitch}
|
||||
options={{
|
||||
title:'More',
|
||||
headerTitleStyle:styles.headerTitle
|
||||
}}
|
||||
/>
|
||||
<Stack.Screen
|
||||
name="announce"
|
||||
component={Announcements}
|
||||
options={{
|
||||
title:'Announcements',
|
||||
headerTitleStyle:styles.headerTitle
|
||||
}}
|
||||
/>
|
||||
<Stack.Screen
|
||||
name="resources"
|
||||
component={Resources}
|
||||
options={{
|
||||
title:'Resources',
|
||||
headerTitleStyle:styles.headerTitle
|
||||
}}
|
||||
/>
|
||||
<Stack.Screen
|
||||
name="studentweek"
|
||||
component={StudentWeek}
|
||||
options={{
|
||||
title:'Student of the Week',
|
||||
headerTitleStyle:styles.headerTitle
|
||||
}}
|
||||
/>
|
||||
<Stack.Screen
|
||||
name="sslops"
|
||||
component={SSLOps}
|
||||
options={{
|
||||
title:'SSL Opportunities',
|
||||
headerTitleStyle:styles.headerTitle
|
||||
}}
|
||||
/>
|
||||
</Stack.Navigator>
|
||||
</NavigationContainer>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default More;
|
29
app/Resources.js
Normal file
29
app/Resources.js
Normal file
|
@ -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 (
|
||||
<View>
|
||||
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default Resources;
|
29
app/SSLOps.js
Normal file
29
app/SSLOps.js
Normal file
|
@ -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 (
|
||||
<View>
|
||||
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default SSLOps;
|
29
app/StudentWeek.js
Normal file
29
app/StudentWeek.js
Normal file
|
@ -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 (
|
||||
<View>
|
||||
|
||||
</View>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default StudentWeek;
|
21
app/styles/morestyles.js
Normal file
21
app/styles/morestyles.js
Normal file
|
@ -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;
|
5
package-lock.json
generated
5
package-lock.json
generated
|
@ -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",
|
||||
|
|
|
@ -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",
|
||||
|
|
Loading…
Reference in New Issue
Block a user