-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
47 lines (41 loc) · 1.41 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
import React, {useEffect} from 'react';
import Login from './src/screen/Login';
import {NavigationContainer} from '@react-navigation/native';
import {useSelector} from 'react-redux';
import {BackHandler} from 'react-native';
import moment from 'moment';
import localization from 'moment/locale/vi';
import SplashScreen from 'react-native-splash-screen';
import LoadingModal from './src/components/LoadingModal';
import LoadingScreen from './src/screen/LoadingScreen';
import ErrorPopup from './src/components/ErrorPopup';
import StackNavigator from './src/screen/StackNavigator';
import {navigationRef} from './src/service/navigation';
moment.updateLocale('vi', localization);
const App = () => {
const [user, loadingModal] = useSelector(state => {
return [state.user, state.loadingModal];
});
const preventBackButtonWhileLoading = () => {
const backAction = () => {
return loadingModal.visible;
};
const backHandler = BackHandler.addEventListener(
'hardwareBackPress',
backAction,
);
return () => backHandler.remove();
};
useEffect(SplashScreen.hide, []);
useEffect(preventBackButtonWhileLoading, [loadingModal.visible]);
if (user.isLoading) return <LoadingScreen />;
if (!user.user) return <Login />;
return (
<NavigationContainer ref={navigationRef}>
<StackNavigator />
<ErrorPopup />
<LoadingModal />
</NavigationContainer>
);
};
export default App;