blob: 482142688a4718ea7c035ff41be118e7a599c62f (
plain)
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
|
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
*/
import React, { useEffect, useState } from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import auth from '@react-native-firebase/auth';
import AuthNavigator from './stacks/AuthNavigator';
import NavigatorHome from './stacks/NavigatorHome';
import { ToastProvider } from 'react-native-toast-notifications';
import { Modal, Text, View } from 'react-native';
import tw from 'twrnc';
import Profile from './screens/profile';
function App(): JSX.Element {
const RootStack = createNativeStackNavigator();
const [loggedIn, setLoggedIn] = useState();
const onAuthStateChanged = user => {
setLoggedIn(user);
};
useEffect(() => {
const subscriber = auth().onAuthStateChanged(onAuthStateChanged);
return subscriber; // unsubscribe on unmount
}, []);
return (
<ToastProvider
placement="top"
swipeEnabled={true}
offsetTop={68}
animationDuration={100}
duration={4000}
renderType={{
info: toast => (
<View
style={tw.style(
'relative flex flex-col w-10/12 pr-4 pl-8 py-3 bg-white rounded-2xl shadow-sm shadow-gray-800 shadow-offset-[0px]/[6px] shadow-radius-2 shadow-opacity-5',
{borderLeftColor: '#2979FF'},
)}
>
<View style={tw`absolute w-2 h-2 bg-orange-500 rounded-full left-[14px] top-[21px]`}></View>
<Text style={tw`text-base text-orange-500`}>
{toast.message}
</Text>
<Text style={tw`text-sm text-gray-600`}>
{toast.data.subtitle}
</Text>
</View>
),
}}
>
<NavigationContainer>
<RootStack.Navigator>
{!loggedIn ? (
<RootStack.Screen
name={'Auth'}
component={AuthNavigator}
options={{
headerShown: false,
}}
/>
) : (
<RootStack.Group>
<RootStack.Screen
name={'NavigatorHome'}
component={NavigatorHome}
options={{
headerShown: false,
}}
/>
<RootStack.Screen
name={'Profile'}
component={Profile}
/>
</RootStack.Group>
)}
</RootStack.Navigator>
</NavigationContainer>
</ToastProvider>
);
}
export default App;
|
