main.js

import Exponent from 'exponent';
import React from 'react';
import { Alert, PanResponder } from 'react-native';

import Game from './src/Game';

class App extends React.Component {
  state = {
    loaded: false,
  }

  componentWillMount() {
    console.disableYellowBox = true;
    this.loadAssetsAsync();
  }

  async loadAssetsAsync() {
    try {
      await Exponent.Font.loadAsync({
        'SpaceMono': require('./assets/fonts/SpaceMono-Regular.ttf'),
      });

      let assets = [
        require('./assets/sounds/countdownBlip.mp3'),
        require('./assets/sounds/brickDeath.mp3'),
        require('./assets/sounds/blip.wav'),
      ];

      await Promise.all(
        assets.map(asset => Exponent.Asset.fromModule(asset).downloadAsync())
      );

      this.setState({ loaded: true });
    } catch (e) {
      Alert.alert('Error when loading', e.message);
    }
  }

  render() {
    return this.state.loaded ? (
      <Game />
    ) : (
      <Exponent.Components.AppLoading />
    );
  }
}

Exponent.registerRootComponent(App);