text: import React from "react";
  import { Image } from "react-native";
  import { AppLoading } from "expo";
  import { Asset } from "expo-asset";
  import { Block, GalioProvider } from "galio-framework";
  import { NavigationContainer } from "@react-navigation/native";
  import { StackNavigator } from "react-navigation";
  
  // Before rendering any navigation stack
  import { enableScreens } from "react-native-screens";
  enableScreens();
  
  // import Home from './screens/Home';
  // import Pro from './screens/Pro';
  import Screens from "./navigation/Screens";
  import { Images, articles, argonTheme } from "./constants";
  
  // const Navigation = StackNavigator({
  //   Home:{
  //     screen: Home,
  //   },
  //   profile:{
  //     screen: Pro,
  //   }
  // })
  
  // cache app images
  const assetImages = [
    Images.Onboarding,
    Images.LogoOnboarding,
    Images.Logo,
    Images.Pro,
    Images.ArgonLogo,
    Images.iOSLogo,
    Images.androidLogo
  ];
  
  // cache product images
  articles.map(article => assetImages.push(article.image));
  
  function cacheImages(images) {
    return images.map(image => {
      if (typeof image === "string") {
        return Image.prefetch(image);
      } else {
        return Asset.fromModule(image).downloadAsync();
      }
    });
  }
  
  export default class App extends React.Component {
    state = {
      isLoadingComplete: false
    };
  
    render() {
      if (!this.state.isLoadingComplete) {
        return (
          <AppLoading
            startAsync={this._loadResourcesAsync}
            onError={this._handleLoadingError}
            onFinish={this._handleFinishLoading}
          />
        );
      } else {
        return (
          <NavigationContainer>
            <GalioProvider theme={argonTheme}>
              <Block flex>
                <Screens />
              </Block>
            </GalioProvider>
          </NavigationContainer>
        );
      }
    }
  
    _loadResourcesAsync = async () => {
      return Promise.all([...cacheImages(assetImages)]);
    };
  
    _handleLoadingError = error => {
      // In this case, you might want to report the error to your error
      // reporting service, for example Sentry
      console.warn(error);
    };
  
    _handleFinishLoading = () => {
      this.setState({ isLoadingComplete: true });
    };
  }
  