title: React Native suddenly stuck on Splash Screen - iOS and Android
body: <p>Suddenly my React Native production app doesn't work anymore, it gets stuck on the Splash screen. The same happen for both iOS and Android systems. The curious thing is that I haven't made any update. It may have something to do with iOS/Android updates?</p>
  <p>I get the same behavior in my expo app if I run &quot;expo start --no-dev --minify&quot;. Otherwise, i works fine during testing in development mode.</p>
  <p><strong>package.json file</strong></p>
  <pre><code>{
    &quot;name&quot;: &quot;foodsaler&quot;,
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;private&quot;: true,
    &quot;devDependencies&quot;: {
      &quot;@babel/plugin-proposal-class-properties&quot;: &quot;^7.16.7&quot;,
      &quot;babel-plugin-module-resolver&quot;: &quot;^4.1.0&quot;,
      &quot;jest-expo&quot;: &quot;^43.0.0&quot;,
      &quot;react-test-renderer&quot;: &quot;16.5.1&quot;
    },
    &quot;main&quot;: &quot;./node_modules/expo/AppEntry.js&quot;,
    &quot;scripts&quot;: {
      &quot;start&quot;: &quot;expo start&quot;,
      &quot;eject&quot;: &quot;expo eject&quot;,
      &quot;android&quot;: &quot;expo android&quot;,
      &quot;ios&quot;: &quot;expo ios&quot;,
      &quot;test&quot;: &quot;jest&quot;
    },
    &quot;jest&quot;: {
      &quot;preset&quot;: &quot;jest-expo&quot;
    },
    &quot;dependencies&quot;: {
      &quot;@babel/plugin-transform-react-jsx&quot;: &quot;^7.16.7&quot;,
      &quot;@babel/preset-env&quot;: &quot;^7.16.11&quot;,
      &quot;@babel/preset-react&quot;: &quot;^7.16.7&quot;,
      &quot;@react-native-firebase/app&quot;: &quot;^14.2.4&quot;,
      &quot;@react-native-firebase/firestore&quot;: &quot;^14.2.4&quot;,
      &quot;@react-native-picker/picker&quot;: &quot;^2.3.0&quot;,
      &quot;date-fns&quot;: &quot;^1.29.0&quot;,
      &quot;exp&quot;: &quot;^57.2.1&quot;,
      &quot;expo&quot;: &quot;^43.0.5&quot;,
      &quot;expo-app-loading&quot;: &quot;~1.2.1&quot;,
      &quot;expo-camera&quot;: &quot;^12.1.2&quot;,
      &quot;expo-constants&quot;: &quot;~12.1.3&quot;,
      &quot;expo-file-system&quot;: &quot;~13.0.3&quot;,
      &quot;expo-image-manipulator&quot;: &quot;~10.1.2&quot;,
      &quot;expo-image-picker&quot;: &quot;~11.0.3&quot;,
      &quot;expo-linear-gradient&quot;: &quot;~10.0.3&quot;,
      &quot;expo-mail-composer&quot;: &quot;~11.0.3&quot;,
      &quot;expo-permissions&quot;: &quot;~13.0.3&quot;,
      &quot;expo-secure-store&quot;: &quot;~11.0.3&quot;,
      &quot;expo-sqlite&quot;: &quot;~10.0.3&quot;,
      &quot;firebase&quot;: &quot;^9.6.1&quot;,
      &quot;formik&quot;: &quot;^2.2.9&quot;,
      &quot;moment&quot;: &quot;^2.24.0&quot;,
      &quot;normalize-strings&quot;: &quot;^1.1.0&quot;,
      &quot;react&quot;: &quot;17.0.1&quot;,
      &quot;react-native&quot;: &quot;0.64.3&quot;,
      &quot;react-native-country-picker-modal&quot;: &quot;^2.0.0&quot;,
      &quot;react-native-dotenv&quot;: &quot;^3.3.1&quot;,
      &quot;react-native-elements&quot;: &quot;^0.19.1&quot;,
      &quot;react-native-i18n&quot;: &quot;^2.0.15&quot;,
      &quot;react-native-orientation&quot;: &quot;^3.1.3&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;3.3.2&quot;,
      &quot;react-native-screens&quot;: &quot;~3.8.0&quot;,
      &quot;react-native-settings-list&quot;: &quot;^1.8.0&quot;,
      &quot;react-native-svg&quot;: &quot;12.1.1&quot;,
      &quot;react-native-svg-charts&quot;: &quot;^5.3.0&quot;,
      &quot;react-native-swipeout&quot;: &quot;^2.3.6&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^9.1.0&quot;,
      &quot;react-navigation&quot;: &quot;^2.14.0&quot;,
      &quot;tcomb-form-native&quot;: &quot;^0.6.16&quot;,
      &quot;yup&quot;: &quot;^0.32.11&quot;
    }
  }
  
  </code></pre>
  <p><strong>App.js file</strong></p>
  <pre><code>import React from 'react'
  import './src/api';
  import { Router } from './src/Router'
  import { AppLoader } from './src/components/AppLoader'
  import { LogBox } from 'react-native';
  
  export default class App extends React.Component 
  {
      constructor(props) 
      {
          super(props)
          this.state = { localeDefined: false }
      }
      
      render() 
      
      {
          LogBox.ignoreAllLogs();//Ignore all log notifications
          LogBox.ignoreLogs(['Setting a timer for a long period of time']) 
  
          return this.state.localeDefined ? 
              &lt;Router/&gt;
              :
              &lt;AppLoader onFinish={() =&gt; { this.setState({localeDefined: true}) }}/&gt;
      }
  }
  </code></pre>
  <p><strong>AppLoader component</strong></p>
  <pre><code>import React from 'react'
  import AppLoading  from 'expo-app-loading'
  import { DbService } from '../services/DbService'
  import { LocalizationService } from '../services/LocalizationService'
  
  export class AppLoader extends React.Component 
  {
      async loadLanguage()
      {
          global.loc = new LocalizationService('English')
  
          const db = new DbService()
          const languageData = await db.getLanguage()
  
          if(languageData.length &gt; 0)
          {
              global.loc.setLocale(languageData[0].Language)
          }
      }
  
      render()
      {
          return (
              &lt;AppLoading
                  startAsync={ this.loadLanguage } 
                  onFinish={ this.props.onFinish }
                  onError={console.warn}
              /&gt;
          )
      }
  }
  </code></pre>