App.js

import React from 'react';
import { 
  ImageBackground,
  StyleSheet,
  Text,
  TouchableHighlight,
  View
} from 'react-native';
import { Font } from 'expo';


const background = require('./assets/bg.jpeg');



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

  onButtonPress = () => {
    console.log('hello');
  }

  async componentDidMount() {
    await Font.loadAsync({
      'source400': require('./assets/fonts/SourceSansPro-Regular.ttf'),
    });

    this.setState({ fontLoaded: true });
  }

  render() {
    return (
      <View style={styles.container}>
        <ImageBackground
          source={background}
          style={{width: '100%', height: '100%'}}
        >
        <TouchableHighlight 
          style={styles.button}
          onPress={this.onButtonPress}
        >
          { this.state.fontLoaded 
            ? (<Text style={styles.touchText}> Get Started ────────></Text>)
            : null
          }
        </TouchableHighlight>
        </ImageBackground>
      </View>
    );
  }
}