emh/blazerapp
1
0
Fork 0
mirror of https://github.com/Blair-SGA-Dev-Team/blazerapp.git synced 2024-09-19 11:22:14 -04:00
Code Issues Packages Projects Releases Wiki Activity

Additional changes to more screen

Browse Source
This commit is contained in:
M10T 2020-08-09 21:27:58 -04:00
parent 46b721bc86
commit 74d6fd67b3
2 changed files with 24 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
app/More.js
View File

@ -26,6 +26,7 @@ import Announcements from './Announcements'
import Resources from './Resources' import Resources from './Resources'
import StudentWeek from './StudentWeek' import StudentWeek from './StudentWeek'
import SSLOps from './SSLOps' import SSLOps from './SSLOps'
import LunchEvents from './LunchEvents'
const Stack = createStackNavigator() const Stack = createStackNavigator()
@ -37,12 +38,13 @@ class MoreSwitch extends React.Component {
render() { render() {
return ( return (
<View style={{flex:1}}> <View style={{flex:1,backgroundColor:'red'}}>
<FlatList <FlatList
data={[ data={[
{name:"Announcements",key:"announce"}, {name:"Announcements",key:"announce"},
{name:"Resources",key:"resources"}, {name:"Resources",key:"resources"},
{name:"Student of the Week",key:"studentweek"}, {name:"Student of the Week",key:"studentweek"},
{name:"Lunch Events",key:"lunchevent"},
{name:"SSL Opportunities",key:"sslops"} {name:"SSL Opportunities",key:"sslops"}
]} ]}
renderItem={({item})=> renderItem={({item})=>
@ -66,7 +68,8 @@ class More extends React.Component {
component={MoreSwitch} component={MoreSwitch}
options={{ options={{
title:'More', title:'More',
headerTitleStyle:styles.headerTitle headerTitleStyle:styles.headerTitle,
headerStyle:{borderBottomWidth:0.5,borderBottomColor:'black'},
}} }}
/> />
<Stack.Screen <Stack.Screen
@ -74,7 +77,8 @@ class More extends React.Component {
component={Announcements} component={Announcements}
options={{ options={{
title:'Announcements', title:'Announcements',
headerTitleStyle:styles.headerTitle headerTitleStyle:[styles.headerTitle,{alignSelf:'center'}],
headerLeft:null
}} }}
/> />
<Stack.Screen <Stack.Screen
@ -82,7 +86,8 @@ class More extends React.Component {
component={Resources} component={Resources}
options={{ options={{
title:'Resources', title:'Resources',
headerTitleStyle:styles.headerTitle headerTitleStyle:[styles.headerTitle,{alignSelf:'center'}],
headerLeft:null
}} }}
/> />
<Stack.Screen <Stack.Screen
@ -90,7 +95,17 @@ class More extends React.Component {
component={StudentWeek} component={StudentWeek}
options={{ options={{
title:'Student of the Week', title:'Student of the Week',
headerTitleStyle:styles.headerTitle headerTitleStyle:[styles.headerTitle,{alignSelf:'center'}],
headerLeft:null
}}
/>
<Stack.Screen
name="lunchevent"
component={LunchEvents}
options={{
title:'Lunch Events',
headerTitleStyle:[styles.headerTitle,{alignSelf:'center'}],
headerLeft:null
}} }}
/> />
<Stack.Screen <Stack.Screen
@ -98,7 +113,8 @@ class More extends React.Component {
component={SSLOps} component={SSLOps}
options={{ options={{
title:'SSL Opportunities', title:'SSL Opportunities',
headerTitleStyle:styles.headerTitle headerTitleStyle:[styles.headerTitle,{alignSelf:'center'}],
headerLeft:null
}} }}
/> />
</Stack.Navigator> </Stack.Navigator>

4
app/styles/morestyles.js
View File

@ -3,8 +3,8 @@ import {StyleSheet, Dimensions} from 'react-native';
const styles=StyleSheet.create({ const styles=StyleSheet.create({
moreitem: { moreitem: {
backgroundColor:'red', backgroundColor:'red',
borderColor:'white', borderBottomColor:'white',
borderWidth:0.5, borderBottomWidth:0.5,
height: Dimensions.get('window').height*0.075, height: Dimensions.get('window').height*0.075,
justifyContent:'center' justifyContent:'center'
}, },