pofect-app/App.js at main · POFECT/pofect-app · GitHub

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
import {StatusBar} from 'expo-status-bar';
import Constants from 'expo-constants';
import React, {useEffect, useState} from 'react';
import {SafeAreaView, StyleSheet, Text, View} from 'react-native';
import Login from "./App/Screens/Login";
import Home from "./App/Screens/Home";
import {NavigationContainer} from "@react-navigation/native";
import {createStackNavigator} from "@react-navigation/stack";

import TabNavigation from "./App/Navigations/TabNavigation";

//font
import {useFonts} from 'expo-font';
import Size from "./App/Utils/Size";
import {FontSizeProvider} from "./App/Components/Setting/fontProvider";

const Stack = createStackNavigator();

export default function App() {
    const [fontsLoaded] = useFonts({
        'TheJamsil1Thin': require('./assets/fonts/TheJamsil1Thin.ttf'),
        'TheJamsil2Light': require('./assets/fonts/TheJamsil2Light.ttf'),
        'TheJamsil3Regular': require('./assets/fonts/TheJamsil3Regular.ttf'),
        'TheJamsil4Medium': require('./assets/fonts/TheJamsil4Medium.ttf'),
        'TheJamsil5Bold': require('./assets/fonts/TheJamsil5Bold.ttf'),
        'TheJamsil6ExtraBold': require('./assets/fonts/TheJamsil6ExtraBold.ttf'),
        'LINESeedKR-Bd': require('./assets/fonts/LINESeedKR-Bd.ttf'),
        'LINESeedKR-Rg': require('./assets/fonts/LINESeedKR-Rg.ttf'),
        'LINESeedKR-Th': require('./assets/fonts/LINESeedKR-Th.ttf'),
    });
    if (!fontsLoaded) {
        // Font not loaded yet, return null or a loading indicator
        return null;
    }

    return (
        <SafeAreaView style={styles.container}>
            <StatusBar/>
            {/*<NavigationContainer>*/}
            {/*    <Stack.Navigator*/}
            {/*        initialRouteName="Login"*/}
            {/*        screenOptions={{ headerShown: false }}>*/}
            {/*        <Stack.Screen name="Login">*/}
            {/*            {(props) => <Login {...props} />}*/}
            {/*        </Stack.Screen>*/}
            {/*        <Stack.Screen name="TabNavigation"*/}
            {/*                      component={TabNavigation} />*/}
            {/*    </Stack.Navigator>*/}
            {/*</NavigationContainer>*/}
            <FontSizeProvider>


                <NavigationContainer>
                    <Stack.Navigator

                        screenOptions={{headerShown: false}}
                    >
                        <Stack.Screen name="Login">
                            {(props) => <Login {...props} />}
                        </Stack.Screen>
                        <Stack.Screen
                            name="TabNavigation"
                            component={TabNavigation}
                            options={{
                                gestureEnabled: false,
                                gestureDirection: 'vertical',
                            }}
                        />
                    </Stack.Navigator>
                </NavigationContainer>
            </FontSizeProvider>
        </SafeAreaView>

    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        // marginTop: StatusBar.currentHeight || 0,
        paddingTop: Constants.statusBarHeight,
        // padding: Size.width * 0.01,

    },
});