App.tsx

import * as React from 'react';
import { Platform, StatusBar, StyleSheet, View } from 'react-native';
import { AppLoading } from 'expo';
import { Asset } from 'expo-asset';
import * as Font from 'expo-font';
import * as Icon from '@expo/vector-icons';
import { Provider } from 'react-redux';
import  GlobalContextAPIProvider from './src/contexts/GlobalProvider'
import { ActionSheetProvider } from '@expo/react-native-action-sheet';
import { PersistGate } from 'redux-persist/integration/react';
import { store, persistor } from './src/store';
import AppNavigator from './src/navigation/AppNavigator';
import { RobotDev, RobotProd } from './src/assets/images';

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

interface Props {
  skipLoadingScreen?: boolean;
}

export default class App extends React.Component<Props> {
  public state = {
    isLoadingComplete: false,
  };

  public loadResourcesAsync = async () => {
    return Promise.all([
      Asset.loadAsync([RobotDev, RobotProd]),
      Font.loadAsync({
        // This is the font that we are using for our tab bar
        ...Icon.Ionicons.font,
        // We include SpaceMono because we use it in HomeScreen.js. Feel free
        // to remove this if you are not using it in your app
      }),
    ]);
  };

  public handleLoadingError = (error: Error) => {
    // In this case, you might want to report the error to your error
    // reporting service, for example Sentry
    console.warn(error);
  };

  public handleFinishLoading = () => {
    this.setState({ isLoadingComplete: true });
  };

  public render(): JSX.Element {
    const { isLoadingComplete } = this.state;
    const { skipLoadingScreen } = this.props;
    if (!isLoadingComplete && !skipLoadingScreen) {
      return (
        <AppLoading
          // @ts-ignore
          startAsync={this.loadResourcesAsync}
          onError={this.handleLoadingError}
          onFinish={this.handleFinishLoading}
        />
      );
    }
    return (
      <GlobalContextAPIProvider>
        <Provider store={store}>
          <PersistGate loading={<View />} persistor={persistor}>
            <ActionSheetProvider>
              <View style={styles.container}>
                {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
                <AppNavigator />
              </View>
            </ActionSheetProvider>
          </PersistGate>
        </Provider>
      </GlobalContextAPIProvider>
    );
  }
}