text: import React from "react";
  import { AppLoading, Asset, Font } from "expo";
  import { Ionicons, MaterialIcons } from "@expo/vector-icons";
  import { StyleSheet, Text, View } from "react-native";
  import { Provider } from "react-redux";
  import { PersistGate } from "redux-persist/es/integration/react";
  import configureStore from "./redux/configureStore";
  
  import AppContainer from "./components/AppContainer";
  
  const { persistor, store } = configureStore();
  
  //store.dispatch({ type: "LOG_OUT" }); //shorcut to logout
  
  class App extends React.Component {
    state = {
      isLoadingComplete: false
    };
  
    render() {
      const { isLoadingComplete } = this.state;
      if (!isLoadingComplete) {
        return (
          <AppLoading
            startAsync={this._loadAssetsAsync}
            onError={this._handleLoadingError}
            onFinish={this._handleFinishLoading}
          />
        );
      }
      return (
        <Provider store={store}>
          <PersistGate persistor={persistor}>
            <AppContainer />
          </PersistGate>
        </Provider>
      );
    }
  
    _loadAssetsAsync = async () => {
      return Promise.all([
        Asset.loadAsync([
          require("./assets/images/logo.png"),
          require("./assets/images/logo_white.png"),
          require("./assets/images/nav_logo.png"),
          require("./assets/images/noPhoto.jpg"),
          require("./assets/images/photoPlaceholder.png")
        ]),
        Font.loadAsync({
          ...Ionicons.font,
          ...MaterialIcons.font
        })
      ]);
    };
  
    _handleLoadingError = error => {
      console.log(error);
    };
  
    _handleFinishLoading = async () => {
      this.setState({
        isLoadingComplete: true
      });
    };
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: "#fff",
      alignItems: "center",
      justifyContent: "center"
    }
  });
  
  export default App;
  