RnDanovinExpo/App.js

import { StyleSheet, View } from "react-native";
import { useFonts } from "expo-font";
// import AppLoading from "expo-app-loading";
import * as SplashScreen from "expo-splash-screen";
import Navigation from "./navigation/index";
import AlertModal from "./src/components/AlertModal";
import { Provider } from "react-redux";
import { store, persistor } from "./src/redux/store";
import React from "react";
import { PersistGate } from "redux-persist/integration/react";
import { copilot } from "react-native-copilot";


const App = (props) => {
  const [appIsReady, setAppIsReady] = React.useState(false);
  let [fontsLoaded] = useFonts({
    light: require("./assets/fonts/Farsi/Light.ttf"),
    regular: require("./assets/fonts/Farsi/Regular.ttf"),
    bold: require("./assets/fonts/Farsi/Medium.ttf"),
    demi: require("./assets/fonts/Farsi/DemiBold.ttf"),
  });


  React.useEffect(() => {
    async function prepare() {
      try {
        await SplashScreen.preventAutoHideAsync();
        await new Promise((resolve) => setTimeout(resolve, 2000));
      } catch (e) {
        console.warn(e);
      } finally {
        setAppIsReady(true);
      }
    }
    prepare();
  }, []);

  const onLayoutRootView = React.useCallback(async () => {
    if (fontsLoaded) {
      await SplashScreen.hideAsync();
    }
  }, [fontsLoaded]);

  if (!fontsLoaded) {
    return null;
  }

  return (
    <View style={{ flex: 1 }} onLayout={onLayoutRootView}>
      <Provider store={store}>
        <PersistGate loading={null} persistor={persistor}>
          <Navigation startUserGuide={() => props.start()} />
          <AlertModal />
        </PersistGate>
      </Provider>
    </View>
  );
};

export default copilot({
  labels: {
    previous: "قبلی",
    next: "بعدی",
    skip: "رد کردن",
    finish: "پایان",
  },
})(App);