title: Load Image in React native from props
body: <p>I'm trying to render a list of images from a base component by sending down title and image URL. </p>
  
  <p>Everything works fine if I'm rendering the images like this: </p>
  
  <pre><code> &lt;Image source={require('../assets/images/myImage.png')} /&gt;
  </code></pre>
  
  <p>The issue is coming when I'm trying to render the image from props:</p>
  
  <pre><code>class ListItem extends Component {
      render() {
        return (
          &lt;View&gt;
            &lt;Text&gt;{this.props.title}&lt;Text&gt;
            &lt;Image source={require(this.props.imageUri)} /&gt;
          &lt;/View&gt;
        );
      }
  };
  
  ListItem.propTypes = {
    title: PropTypes.string.isRequired,
    imageUri: PropTypes.string.isRequired,
  };
  </code></pre>
  
  <p>As a result, I'm getting the next error:</p>
  
  <blockquote>
    <p>calls to <code>require</code> expect exactly 1 string literal argument, but this
    was found: <code>require(this.props.imageUri)</code>.</p>
  </blockquote>
  
  <p>I've also tried to render the images using <code>uri</code></p>
  
  <pre><code>&lt;Image source={{uri: this.props.imageUri}} /&gt;
  </code></pre>
  
  <p>package.js</p>
  
  <pre><code>"react": "16.3.1",
  "react-native": "https://github.com/expo/react-native/archive/sdk-27.0.0.tar.gz",
  </code></pre>