App.js

import React, { Component } from 'react';
import { Platform, StyleSheet, StatusBar, View } from 'react-native'
import { AppLoading, Asset, Font, Icon } from 'expo'
import AppNavigator from './navigation/AppNavigator'

export default class App extends Component {

    state = {
        isLoadingComplete: false,
    }

    render() {
        if (!this.state.isLoadingComplete && !this.props.skipLoadingScreen) {
            return (
                <AppLoading
                    startAsync={this._loadResourcesAsync}
                    onError={this._handleLoadingError}
                    onFinish={this._handleFinishLoading}
                />
            )
        } else {
            return (
                <View style={styles.container}>
                    { Platform.OS === 'ios' && <StatusBar barStyle='light-content' /> }
                    <AppNavigator />
                </View>
            )
        }
    }

    _loadResourcesAsync = async () => {
        return Promise.all([
            Asset.loadAsync([
                require('./assets/images/robot-dev.png'),
                require('./assets/images/robot-prod.png'),
            ]),
            Font.loadAsync({
                ...Icon.Ionicons.font,
            'space-mono': require('./assets/fonts/SpaceMono-Regular.ttf')
            })
        ])
    }

    _handleLoadingError = error => {
        console.warn(error)
    }

    _handleFinishLoading = () => {
        this.setState({ isLoadingComplete: true })
    }
}

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