App.tsx

/* eslint-disable @typescript-eslint/no-var-requires */
//#region Import Modules
import AppLoading from "expo-app-loading";
import { Asset } from "expo-asset";
import * as Font from "expo-font";
import * as Localization from "expo-localization";
import React from "react";
import { Platform, StatusBar } from "react-native";
import { Provider as ReduxProvider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react";

import { Container } from "./src/components";
import { UpdateSnackBar } from "./src/components/atoms";
import { Message } from "./src/constants";
import { AuroraManagerInstance, SoundManagerInstance } from "./src/managers";
import { InitialNavigator } from "./src/navigation";
import reduxStore from "./src/store";
//#endregion

//#region Types
type AppProps = {
    skipLoadingScreen: boolean;
};

type AppState = {
    isLoadingComplete: boolean;
};
//#endregion

//#region Component
export default class App extends React.Component<AppProps, AppState> {
    public state = {
        isLoadingComplete: false,
    };

    constructor(props: AppProps) {
        super(props);
    }

    public componentDidMount(): void {
        Message.setLocale(Localization.locale);
    }

    public render(): JSX.Element {
        const persistedRedux = reduxStore();
        if (!this.state.isLoadingComplete && !this.props.skipLoadingScreen) {
            return (
                <AppLoading
                    startAsync={this.loadResourcesAsync}
                    onError={this.handleLoadingError}
                    onFinish={this.handleFinishLoading}
                />
            );
        } else {
            return (
                <ReduxProvider store={persistedRedux.store}>
                    <PersistGate
                        loading={undefined}
                        persistor={persistedRedux.persistor}
                    >
                        <Container>
                            {Platform.OS === "ios" && (
                                <StatusBar barStyle="default" />
                            )}
                            <InitialNavigator></InitialNavigator>
                            <UpdateSnackBar></UpdateSnackBar>
                        </Container>
                    </PersistGate>
                </ReduxProvider>
            );
        }
    }
    //#endregion

    //#region Function
    public loadResourcesAsync = async (): Promise<void> => {
        Promise.all([
            Font.loadAsync({
                calibre_app_regular: require("./assets/fonts/calibre_app_regular.ttf"),
                calibre_app_semibold: require("./assets/fonts/calibre_app_semibold.ttf"),
            }),
            Asset.loadAsync([
                require("./assets/profiles/default_profile_content.ttf"),
            ]),
            SoundManagerInstance.loadResource(),
        ]);
        return;
    };

    public handleLoadingError = (error: Error): void => {
        // In this case, you might want to report the error to your error
        // reporting service, for example Sentry
        // tslint:disable-next-line:no-console
        console.warn(error);
    };

    public handleFinishLoading = (): void => {
        if (Platform.OS === "web") {
            AuroraManagerInstance.setAuroraSound(
                SoundManagerInstance.getData()
            );
        }

        this.setState({ isLoadingComplete: true });
    };
    //#endregion
}