-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
85 lines (74 loc) · 2.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
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
import { useCallback, useEffect, useState } from 'react';
import * as SplashScreen from 'expo-splash-screen';
import * as Font from 'expo-font';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import RegistrationScreen from './src/screens/auth/RegistrationScreen';
import LoginScreen from './src/screens/auth/LoginScreen';
import PostsScreen from './src/screens/mainScreen/PostsScreen';
import CreatePostsScreen from './src/screens/mainScreen/CreatePostsScreen';
import ProfileScreen from './src/screens/mainScreen/ProfileScreen';
SplashScreen.preventAutoHideAsync();
const loadFonts = () => {
return Font.loadAsync({
Roboto: require('./assets/fonts/Roboto-Regular.ttf'),
'Roboto-Bold': require('./assets/fonts/Roboto-Bold.ttf'),
'Roboto-Black': require('./assets/fonts/Roboto-Black.ttf'),
});
};
const AuthStack = createStackNavigator();
const MainTab = createBottomTabNavigator();
const UseRoute = isAuth => {
if (!isAuth) {
return (
<AuthStack.Navigator
screenOptions={{
headerShown: false,
}}
>
<AuthStack.Screen name="Login" component={LoginScreen} />
<AuthStack.Screen name="Registration" component={RegistrationScreen} />
</AuthStack.Navigator>
);
}
return (
<MainTab.Navigator>
<MainTab.Screen name="Posts" component={PostsScreen} />
<MainTab.Screen name="Create" component={CreatePostsScreen} />
<MainTab.Screen name="Profile" component={ProfileScreen} />
</MainTab.Navigator>
);
};
export default function App() {
const [appIsReady, setAppIsReady] = useState(false);
const routing = UseRoute(null);
useEffect(() => {
async function prepare() {
try {
// Pre-load fonts, make any API calls you need to do here
await loadFonts();
// await Font.loadAsync(Entypo.font);
} catch (e) {
console.warn(e);
} finally {
// Tell the application to render
setAppIsReady(true);
}
}
prepare();
}, []);
const onLayoutRootView = useCallback(async () => {
if (appIsReady) {
await SplashScreen.hideAsync();
}
}, [appIsReady]);
if (!appIsReady) {
return null;
}
return (
<NavigationContainer onReady={onLayoutRootView}>
{routing}
</NavigationContainer>
);
}