AppEntry.js

import React, { Component } from 'react';
import { Provider } from 'react-redux';
import configureStore from './src/state/configureStore';
import App from './src/App';
import { KeepAwake, registerRootComponent } from 'expo';
import { Font } from 'expo';
import { View, AsyncStorage } from 'react-native';
import SoundManager, { loadSounds } from 'assets/audio/SoundManager';
import MusicManager, { loadMusic } from 'assets/audio/MusicManager';

if (__DEV__) {
  KeepAwake.activate();
}

let store = configureStore();
let isSoundActive, isMusicActive;
const LVLS = 20;
const ids = Array.apply(null, {length: LVLS}).map(Function.call, Number);
class AppEntry extends Component {
    constructor(props) {
    super(props);
    this.state = { 
      loaded: false
    };
  }
  
  async componentWillMount() {
    await Font.loadAsync({
      Roboto: require("native-base/Fonts/Roboto.ttf"),
      Roboto_medium: require("native-base/Fonts/Roboto_medium.ttf"),
      Raleway: require("assets/fonts/Raleway.ttf"),
      MyriadProBold: require("assets/fonts/MyriadProBold.otf"),
      MyriadPro: require("assets/fonts/MyriadPro.ttf")
    });
    
    let solved, current;
    try {
        const storeSolved = await AsyncStorage.getItem('solved');
        const storeCurrent = await AsyncStorage.getItem('current');
        isSoundActive = await AsyncStorage.getItem('isSoundActive');
        isMusicActive = await AsyncStorage.getItem('isMusicActive');
        
        isSoundActive = isSoundActive ? JSON.parse(isSoundActive) : true;
        isMusicActive = isMusicActive ? JSON.parse(isMusicActive) : true;
        
        solved = storeSolved ? JSON.parse(storeSolved) : [];
        current = storeCurrent ? +storeCurrent : 0;
    } catch (error) {
        console.log('get data error:', error);
        solved = [];
        current = 0;
    }
          
    // this.buildStore(current, solved, isSoundActive)
    //     .then(loadSounds)
    //     .then(loadMusic)
    //     .then(() => { console.log("loaded everything"); this.setState(() => ({loaded: true})) });
        
        this.buildStore(current, solved);
        loadSounds();
        loadMusic();
        this.setState(() => ({loaded: true}))
        
        SoundManager.setActive(false);
        MusicManager.setActive(false);
  }
  
    buildStore(current, solved) {
      //
        const IS_AD_FREE = __DEV__ ? false : false;
    //
    
        let byid = {};
        ids.forEach((id) => {
          // if id is in solved array
          byid[id] = {
            solved: solved.indexOf(id) != -1
          }
        })
        
        let state = {
          ids,
          isSoundActive,
          isMusicActive,
          current,
          byid,
          isAdFree: IS_AD_FREE
        }
        
        store = configureStore(state);
        
        return new Promise((res, rej) => res());
    }
  
  render() {
    return (     
        this.state.loaded &&
        <Provider store={store}>
            <View style={{flexGrow: 1}}>
                <App />
            </View>
          </Provider>
        
      )
  }
}


registerRootComponent(AppEntry);

export default AppEntry;