-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
executable file
·100 lines (74 loc) · 2.65 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
import 'react-native-gesture-handler';
import React, { useState, useEffect } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { colours } from './Constants';
import Signup from './Screens/Signup';
import Signin from './Screens/Signin';
import ForgetPassword from './Screens/Forget Password';
import { createStackNavigator } from '@react-navigation/stack';
import { NavigationContainer } from '@react-navigation/native';
import AsyncStorage from '@react-native-async-storage/async-storage';
import Changing from './Screens/Changing';
import Effects from './Screens/Effects';
import ImageProps from './Screens/ImageProps'
import Useeffects from './Screens/Useeffects';
import Effectsnav from './Screens/Effectsnav';
import RNBootSplash from 'react-native-bootsplash'
import auth from '@react-native-firebase/auth';
const App = () => {
const [values, setValues] = useState(null);
console.log('values', values);
useEffect(() => {
onInitialise();
}, []);
useEffect(() => {
if (values !== null) {
RNBootSplash.hide({ fade: true });
}
}, [values])
const onInitialise = async () => {
await auth().onAuthStateChanged(onSignin)
}
const onSignin = async (user) => {
setValues(user ? true : false)
}
const Stack = createStackNavigator();
if (values === null) return <View />
if (values != null) return (
<NavigationContainer>
{values ? (
<Stack.Navigator
initialRouteName={'effects'}
screenOptions={{
headerShown: false,
}}>
<Stack.Screen name="effects" component={Useeffects} />
<Stack.Screen name="effectsnav" component={Effectsnav} />
<Stack.Screen name="ImageProps" component={ImageProps} />
<Stack.Screen name="Signup" component={Signup} />
<Stack.Screen name="Signin" component={Signin} />
<Stack.Screen name="ForgetPassword" component={ForgetPassword} />
</Stack.Navigator>
) : (
<Stack.Navigator
screenOptions={{
headerShown: false,
}}>
<Stack.Screen name="Signup" component={Signup} />
<Stack.Screen name="Signin" component={Signin} />
<Stack.Screen name="ForgetPassword" component={ForgetPassword} />
<Stack.Screen name="effects" component={Useeffects} />
<Stack.Screen name="effectsnav" component={Effectsnav} />
<Stack.Screen name="ImageProps" component={ImageProps} />
</Stack.Navigator>
)}
</NavigationContainer>
);
};
export default App;
const styles = StyleSheet.create({
appContainer: {
flex: 1,
backgroundColor: colours.back,
},
});