mirror of
https://github.com/Blair-SGA-Dev-Team/blazerapp.git
synced 2024-11-08 14:51:17 -05:00
added opening/loading page
This commit is contained in:
parent
ede61a73a0
commit
bfd30f4ad1
19
app/App.js
19
app/App.js
|
@ -1,4 +1,4 @@
|
|||
import React from 'react';
|
||||
import React, {Fragment, useEffect} from 'react';
|
||||
import {
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
|
@ -18,20 +18,30 @@ import {
|
|||
|
||||
import { NavigationContainer } from '@react-navigation/native'
|
||||
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'
|
||||
|
||||
import SplashScreen from 'react-native-splash-screen';
|
||||
import Home from './Home'
|
||||
import Calendar from './Calendar'
|
||||
import Poll from './Poll'
|
||||
import Clubs from './Clubs'
|
||||
import More from './More'
|
||||
import Staff from './Staff'
|
||||
import OpeningPage from './OpeningPage';
|
||||
import OpenPage from './OpenPage';
|
||||
|
||||
const Tab = createBottomTabNavigator();
|
||||
|
||||
class App extends React.Component {
|
||||
state = {
|
||||
loaded: false
|
||||
}
|
||||
constructor() {
|
||||
super();
|
||||
OpeningPage.load(v => this.setState({loaded: true}));
|
||||
}
|
||||
render() {
|
||||
return (
|
||||
<NavigationContainer >
|
||||
{this.state.loaded ?
|
||||
<Tab.Navigator tabBarOptions={{
|
||||
activeTintColor: 'red',
|
||||
labelStyle:{
|
||||
|
@ -40,12 +50,13 @@ class App extends React.Component {
|
|||
<Tab.Screen name="Home" component={Home} />
|
||||
<Tab.Screen name="Calendar" component={Calendar} />
|
||||
<Tab.Screen name="Polls" component={Poll} />
|
||||
<Tab.Screen name="Clubs" component={Clubs} />
|
||||
<Tab.Screen name="Clubs" component={Clubs} options ={{title: 'Clubs'}}/>
|
||||
<Tab.Screen name="Staff" component={Staff} />
|
||||
<Tab.Screen name="More" component={More} />
|
||||
</Tab.Navigator>
|
||||
: <OpenPage />}
|
||||
</NavigationContainer>
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
45
app/OpenPage.js
Normal file
45
app/OpenPage.js
Normal file
|
@ -0,0 +1,45 @@
|
|||
import React, { useState } from 'react';
|
||||
import {
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
ScrollView,
|
||||
View,
|
||||
Text,
|
||||
StatusBar,
|
||||
ActivityIndicator,
|
||||
FlatList,
|
||||
TouchableOpacity,
|
||||
Image
|
||||
} from 'react-native';
|
||||
|
||||
import {
|
||||
Header,
|
||||
LearnMoreLinks,
|
||||
Colors,
|
||||
DebugInstructions,
|
||||
ReloadInstructions,
|
||||
} from 'react-native/Libraries/NewAppScreen';
|
||||
import { SearchBar } from 'react-native-elements';
|
||||
import styles from './styles/morestyles';
|
||||
import { url } from './resources/fetchInfo.json';
|
||||
import LinearGradient from 'react-native-linear-gradient';
|
||||
|
||||
class OpenPage extends React.Component{
|
||||
render() {
|
||||
return (
|
||||
<View style = {styles.openPage}>
|
||||
<LinearGradient
|
||||
colors={['red', 'white']}
|
||||
style = {styles.linearGradient}
|
||||
>
|
||||
<Image source = {require('./assets/blair_logo.png')} />
|
||||
<Text style = {{fontSize: 52, fontWeight: 'bold'}}>MBHS</Text>
|
||||
</LinearGradient>
|
||||
|
||||
</View>
|
||||
)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
export default OpenPage;
|
31
app/OpeningPage.js
Normal file
31
app/OpeningPage.js
Normal file
|
@ -0,0 +1,31 @@
|
|||
import React, { useState } from 'react';
|
||||
import {
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
ScrollView,
|
||||
View,
|
||||
Text,
|
||||
StatusBar,
|
||||
ActivityIndicator,
|
||||
FlatList,
|
||||
TouchableOpacity
|
||||
} from 'react-native';
|
||||
|
||||
import {
|
||||
Header,
|
||||
LearnMoreLinks,
|
||||
Colors,
|
||||
DebugInstructions,
|
||||
ReloadInstructions,
|
||||
} from 'react-native/Libraries/NewAppScreen';
|
||||
import { SearchBar } from 'react-native-elements';
|
||||
import styles from './styles/liststyles'
|
||||
import { url } from './resources/fetchInfo.json'
|
||||
|
||||
class OpeningPage {
|
||||
static load(cb) {
|
||||
setTimeout(cb, 1500);
|
||||
}
|
||||
}
|
||||
|
||||
export default OpeningPage;
|
BIN
app/assets/blair_logo.png
Normal file
BIN
app/assets/blair_logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 70 KiB |
|
@ -1,4 +1,5 @@
|
|||
import {StyleSheet, Dimensions} from 'react-native';
|
||||
import LinearGradient from 'react-native-linear-gradient';
|
||||
|
||||
const styles=StyleSheet.create({
|
||||
moreitem: {
|
||||
|
@ -38,6 +39,19 @@ const styles=StyleSheet.create({
|
|||
fontSize:32,
|
||||
textAlign:'center',
|
||||
},
|
||||
openPage: {
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center'
|
||||
},
|
||||
linearGradient: {
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
borderRadius: 5,
|
||||
height: '100%',
|
||||
width: '100%',
|
||||
}
|
||||
});
|
||||
|
||||
export default styles;
|
Loading…
Reference in New Issue
Block a user