lnreader/App.js

import React, { useState, useEffect } from "react";

import { setStatusBarStyle, StatusBar } from "expo-status-bar";

import { NavigationContainer } from "@react-navigation/native";
import Router from "./src/navigation/Router";

import * as Font from "expo-font";
import AppLoading from "expo-app-loading";

import { createTables, createIndexes } from "./src/services/db";
import AsyncStorage from "@react-native-async-storage/async-storage";

import { Provider } from "react-redux";

import { persistor, store } from "./src/theme/store";

import { PersistGate } from "redux-persist/lib/integration/react";

const getFonts = () =>
    Font.loadAsync({
        "pt-sans-bold": require("./assets/fonts/PTSansNarrow-Bold.ttf"),
    });

export default function App() {
    const [fontsLoaded, setFontsLoaded] = useState(false);

    AsyncStorage.getItem("@application_theme").then((value) => {
        if (JSON.parse(value) === "lightTheme") {
            setStatusBarStyle("dark");
        } else {
            setStatusBarStyle("light");
        }
    });

    const createDb = () => {
        createTables();
        createIndexes();
    };

    useEffect(() => {
        createDb();
    }, []);

    if (fontsLoaded) {
        return (
            <Provider store={store}>
                <PersistGate loading={null} persistor={persistor}>
                    <StatusBar />
                    <NavigationContainer>
                        <Router />
                    </NavigationContainer>
                </PersistGate>
            </Provider>
        );
    } else {
        return (
            <AppLoading
                startAsync={getFonts}
                onError={() => warn(error)}
                onFinish={() => setFontsLoaded(true)}
            />
        );
    }
}