-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
74 lines (69 loc) · 2.86 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
import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { Button, View} from 'react-native'
import HomeScreen from './Screens/Home'
import DogemScreen from './Screens/Dogem'
import RegisterScreen from './Screens/Register'
import OnboardingScreen from './Screens/Onboarding'
import { signOut } from 'firebase/auth';
const Stack = createNativeStackNavigator();
const MyStack = () => {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen
name="Home"
component={HomeScreen}
options={{headerShown:false}}
/>
<Stack.Screen name="Register" component={RegisterScreen} options={{title:'Register'} }/>
<Stack.Screen
name="Onboard"
component={OnboardingScreen}
options={({navigation}) => ({
title:'Onboarding',
headerStyle: {
backgroundColor: '',
},
headerRight: () => (
<View style={{marginHorizontal: -10, flexDirection: "row"}}>
<Button
title="DogEm" //Header Button
onPress={() => navigation.navigate('Dogem')}
/>
</View>
)
})}
/>
<Stack.Screen name="Dogem"
component={DogemScreen}
options={({navigation}) => ({
title:'DogEm',
headerStyle: {
backgroundColor: '',
},
headerLeft: () => (
<View style={{marginHorizontal: -10, flexDirection: "row"}}>
<Button
title="Onboarding" //Header Button
onPress={() => navigation.navigate('Onboard')}
/>
</View>
)
,
headerRight: () => (
<View style={{marginHorizontal: -10, flexDirection: "row"}}>
<Button
title="Log Out" //Header Button
onPress={() => navigation.navigate('Home')}
/>
</View>
)
})}
/>
</Stack.Navigator>
</NavigationContainer>
);
};
export default MyStack;