Show splash screen when app not finished loading instead of basic view

App.js

 
 import * as React from 'react';
 import {Root, StyleProvider} from 'native-base';
-import {View} from 'react-native'
 import AppNavigator from './navigation/AppNavigator';
 import ThemeManager from './utils/ThemeManager';
 import LocaleManager from './utils/LocaleManager';
 import {clearThemeCache} from 'native-base-shoutem-theme';
 import AsyncStorageManager from "./utils/AsyncStorageManager";
 import CustomIntroSlider from "./components/CustomIntroSlider";
-import {Notifications} from 'expo';
+import {AppLoading} from 'expo';
 import NotificationsManager from "./utils/NotificationsManager";
 
 type Props = {};
     }
 
     /**
-     * Loads FetchedData before components are mounted, like fonts and themes
-     * @returns {Promise}
+     * Updates the theme and clears the cache to force reloading the app colors. Need to edit shoutem theme for ti to work
      */
-    async componentWillMount() {
+    updateTheme() {
+        this.setState({
+            currentTheme: ThemeManager.getCurrentTheme()
+        });
+        clearThemeCache();
+    }
+
+    /**
+     * Callback when user ends the intro. Save in preferences to avaoid showing back the slides
+     */
+    onIntroDone() {
+        this.setState({showIntro: false});
+        AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showIntro.key, '0');
+    }
+
+    async loadAssetsAsync() {
+        console.log('Starting loading assets...');
         // Wait for custom fonts to be loaded before showing the app
         await Font.loadAsync({
             'Roboto': require('native-base/Fonts/Roboto.ttf'),
         ThemeManager.getInstance().setUpdateThemeCallback(() => this.updateTheme());
         await NotificationsManager.initExpoToken();
         console.log(AsyncStorageManager.getInstance().preferences.expoToken.current);
+    }
+
+    onLoadFinished() {
         // Only show intro if this is the first time starting the app
+        console.log('Finished loading');
         this.setState({
             isLoading: false,
             currentTheme: ThemeManager.getCurrentTheme(),
     }
 
     /**
-     * Updates the theme and clears the cache to force reloading the app colors. Need to edit shoutem theme for ti to work
-     */
-    updateTheme() {
-        this.setState({
-            currentTheme: ThemeManager.getCurrentTheme()
-        });
-        clearThemeCache();
-    }
-
-    /**
-     * Callback when user ends the intro. Save in preferences to avaoid showing back the slides
-     */
-    onIntroDone() {
-        this.setState({showIntro: false});
-        AsyncStorageManager.getInstance().savePref(AsyncStorageManager.getInstance().preferences.showIntro.key, '0');
-    }
-
-    /**
      * Renders the app based on loading state
      */
     render() {
         if (this.state.isLoading) {
-            return <View/>;
+            return (
+                <AppLoading
+                    startAsync={this.loadAssetsAsync}
+                    onFinish={() => this.onLoadFinished()}
+                    onError={console.warn}
+                />
+            );
         }
         if (this.state.showIntro) {
             return <CustomIntroSlider onDone={() => this.onIntroDone()}/>;

app.json

       "android",
       "web"
     ],
-    "version": "0.0.9",
+    "version": "0.0.10",
     "orientation": "portrait",
     "primaryColor": "#be1522",
     "icon": "./assets/android.icon.png",