How to Load an <Image/> in React Native

App.js

// NOTE: In the same directory as your App.js file,
// create a new folder called "assets", and place
// your image file (.jpg) in that directory.

import React, { Component } from 'react';
import { Text, View, Image } from 'react-native';

class App extends Component {

  constructor(props) {
    super(props);
  }

  render() {
    return (
      <View>
        <Text>RENDER AN IMAGE...</Text>
        <Image source={ require('./assets/supersweetimage.jpg') } />
      </View>
    );
  }
}

export default App;