App.js

import React, { useState, useEffect } from "react";
import { Provider } from "react-redux";
import { createStackNavigator } from "@react-navigation/stack";
import { NavigationContainer } from "@react-navigation/native";
import store from "./src/common/redux/store.js";
import TabBar from "./src/routes/TabBar";
import Logo from "./src/screens/Logo/Logo";
import OnBoarding from "./src/screens/Onboarding/OnBoarding";
import Home from "./src/screens/Home/Home";
import Login from "./src/screens/Login/Login";
import ForgotPass from "./src/screens/ForgotPassword/ForgotPassword.jsx";
import Register from "./src/screens/Register/Register";
import Loading from "./src/screens/Loading/Loading";
import CardDetail from "./src/screens/Card Detail/CardDetail";
import MapDetail from './src/screens/Card Detail/MapDetail'

import WebViewScreen from "./src/screens/WebViewScreen/WebViewScreen.jsx";
import MercadoPagoCard from "./src/screens/MercadoPagoCard/MercadoPagoCard.jsx";

import moment from "moment";
import "moment/locale/es";

//imports del Form
import Title_Fee_Desc from "./src/screens/FormEvent/Title_Fee_Desc";
import FormDatePicker from "./src/screens/FormEvent/FormDatePicker.jsx";
import FormMaps from "./src/screens/FormEvent/FormMaps.jsx";
import FormCardPreview from "./src/screens/FormEvent/FormCardPreview.jsx";
import Profile from "./src/screens/Profile/Profile.jsx";
import EditProfile from "./src/screens/Edit Profile/EditProfile.jsx";
import AppLoading from "expo-app-loading";
import * as Font from "expo-font";
import UpdatePassword from "./src/screens/UpdatePassword/UpdatePassword.jsx";
import PaymentCalc from "./src/screens/FormEvent/PaymentCalc/PaymentCalc.jsx";
import EventsMaps from "./src/screens/EventsMaps/EventsMaps.jsx";

import { LogBox } from 'react-native';

// Ignore log notification by message
LogBox.ignoreLogs(['Warning: ...']);

//Ignore all log notifications
LogBox.ignoreAllLogs();;

export default function App() {
  const Stack = createStackNavigator();
  moment.locale("es");

  const [fontsLoaded, setFontsLoaded] = useState(false);

  useEffect(() => {
    if (!fontsLoaded) {
      loadFonts();
    }
  });

  const loadFonts = async () => {
    await Font.loadAsync({
      "Gotham-Bold": require("./src/assets/Fonts/GothamRounded-Bold.otf"),
      "Gotham-BoldItalic": require("./src/assets/Fonts/GothamRounded-BoldItalic.otf"),
      "Gotham-Book": require("./src/assets/Fonts/GothamRounded-Book.otf"),
      "Gotham-BookItalic": require("./src/assets/Fonts/GothamRounded-BookItalic.otf"),
      "Gotham-Light": require("./src/assets/Fonts/GothamRounded-Light.otf"),
      "Gotham-LightItalic": require("./src/assets/Fonts/GothamRounded-LightItalic.otf"),
      "Gotham-Medium": require("./src/assets/Fonts/GothamRounded-Medium.otf"),
      "Gotham-MediumItalic": require("./src/assets/Fonts/GothamRounded-MediumItalic.otf"),
    });
    setFontsLoaded(true);
  };

  if (!fontsLoaded) {
    return <AppLoading />;
  }

  return (
    <Provider store={store}>
      <NavigationContainer>
        <Stack.Navigator screenOptions={{ headerShown: false }}>
          <Stack.Screen name="Logo" component={Logo} />
          <Stack.Screen name="Onboarding" component={OnBoarding} />
          <Stack.Screen name="Loading" component={Loading} />
          <Stack.Screen name="TabBar" component={TabBar} />
          <Stack.Screen name="Home" component={Home} />
          <Stack.Screen name="WebViewScreen" component={WebViewScreen} />
          <Stack.Screen name="MercadoPagoCard" component={MercadoPagoCard} />
          <Stack.Screen name="CardDetail" component={CardDetail} />
          {/*FORM SECTION*/}
          <Stack.Screen name="Form" component={Title_Fee_Desc} />
          <Stack.Screen name="FormDatePicker" component={FormDatePicker} />
          <Stack.Screen name="FormMaps" component={FormMaps} />
          <Stack.Screen name="FormCardPreview" component={FormCardPreview} />
          <Stack.Screen name="PaymentCalc" component={PaymentCalc} />

          <Stack.Screen name="Profile" component={Profile} />
          <Stack.Screen name="EventsMaps" component={EventsMaps} />
          <Stack.Screen name="EditProfile" component={EditProfile} />
          <Stack.Screen name="UpdatePassword" component={UpdatePassword} />
          <Stack.Screen name="Login" component={Login} />
          <Stack.Screen name="ForgotPass" component={ForgotPass} />
          <Stack.Screen name="Register" component={Register} />
          <Stack.Screen name="MapDetail" component={MapDetail} />
        </Stack.Navigator>
      </NavigationContainer>
    </Provider>
  );
}