App.js

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";  // 저장
const { persistor, store } = configureStore();        // 앱 내 저장
import AppContainer from "./components/AppContainer"

//store.dispatch({ type:"LOG_OUT"});
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/noPhoto.jpg"),
        require("./assets/images/photoPlaceholder.png")
      ]),
      Font.loadAsync({
        ...Ionicons.font,
        ...MaterialIcons.font
      })
    ]);
  };
  _handleLoadingError = error => {
    console.error(error);
  };
  _handleFinishLoading = async() => {
    this.setState({
      isLoadingComplete : true
    })
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default App;