Can't get past splash screen, Android, SDK36

Please provide the following:

  1. SDK Version: 36
  2. Platforms(Android/iOS/web/all): Android 8.0

I can’t get past my app splash screen on my Samsung Galaxy Edge 7 with Android 8, or any of my virtual devices. App opens, splash shows, after splash white screen. App works perfectly on all iOS devices (iphone x, ipad mini, ipad pro latest)

I’ve taken the following actions:

  • m -rf node_modules/ && rm -f package-lock.json && rm -f yarn.lock && npm cache verify && npm install
  • Ran the expo upgrade command in cli again
  • Removed/reinstalled expo on my devices
  • Cleared data from my devices

Always the same error:

AppLoading threw an unexpected error when loading:
Zl@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:85823
d@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:36029
m@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:37308
ai@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:47643
Vl@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:81668
Ml@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:70036
Ul@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:67144
Ul@[native code]
Pl@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:65839
Pl@[native code]
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:25495
unstable_runWithPriority@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:170:3915
sn@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:25442
cn@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:25377
kl@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:64831
enqueueSetState@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:91:31251
setState@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:63:2074
_handleFinishLoading@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:697:1681
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:692:1090
p@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:112:423
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:112:1724
p@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:112:423
o@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:112:900
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:112:1043
f@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:108:155
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:108:882
y@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:114:661
C@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:114:1025
callImmediates@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:114:3100
callImmediates@[native code]
value@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:27:3247
/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:27:1283
value@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:27:2939
value@/data/user/0/host.exp.exponent/files/36.0.0/cached-bundle-experience-%40NAMEOFMYAPP-611616746-36.0.0:27:1253
value@[native code]
value@[native code]

Any issues with this?

import React from 'react';
import { Provider } from 'react-redux';
import { persistStore } from 'redux-persist';
import { Platform, StatusBar, StyleSheet, View } from 'react-native';
import { AppLoading, ScreenOrientation } from 'expo';
import { Ionicons } from '@expo/vector-icons';
import * as Font from 'expo-font';
import { Asset } from 'expo-asset';
import * as Sentry from 'sentry-expo';

import MyApp from './MyApp';
import configureStore from './store/store';
import { isTablet } from './constants/Layout';

const store = configureStore();

Sentry.init({
  dsn: '###I hid this###',
  enableInExpoDevelopment: false,
  debug: false,
});

export default class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isLoadingComplete: false,
      isHydrated: false,
    }

    if (isTablet) {
      ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.ALL);
    } else {
      ScreenOrientation.lockAsync(ScreenOrientation.OrientationLock.PORTRAIT_UP);
    }
  }

  componentDidMount() {
    persistStore(
      store,
      null,
      () => { this.setState({ isHydrated: true }) }
    );
  }

  render() {
    const { isHydrated, isLoadingComplete } = this.state;
    if (isLoadingComplete && isHydrated) {
      return (
        <View style={styles.container}>
          {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
          <Provider store={store}>
            <MyApp />
          </Provider>
        </View>
      );
    } else {
      return (
        <AppLoading
          startAsync={this._loadResourcesAsync}
          onError={this._handleLoadingError}
          onFinish={this._handleFinishLoading}
        />
      );
    }
  }

  _loadResourcesAsync = async () => {
    return Promise.all([
      Asset.loadAsync([
        require('./assets/images/account.png'),
        require('./assets/images/account-selected.png'),
        require('./assets/images/checkmark-complete.png'),
        require('./assets/images/download-circle.png'),
        require('./assets/images/logo.png'),
        require('./assets/images/play-circle.png'),
        require('./assets/images/quiz-circle.png'),
        require('./assets/images/quiz.png'),
        require('./assets/images/quiz-selected.png'),
        require('./assets/images/outlines.png'),
        require('./assets/images/outlines-selected.png'),
        require('./assets/images/reply-circle.png'),
        require('./assets/images/subject-selected.png'),
        require('./assets/images/subject.png'),
      ]),
      Font.loadAsync({
        // This is the font that we are using for our tab bar
        ...Ionicons.font,
      }),
    ]);
  };

  _handleLoadingError = error => {
    // In this case, you might want to report the error to your error
    // reporting service, for example Sentry
    Sentry.captureException(error)
  };

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

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