title: Displaying Images in ListView for React Native
body: <p>I have two presentational components. The first, called <code>Category</code> simply renders a React Native <code>ListView</code> component after doing a bit of set-up work. </p>
  
  <p>The second component, <code>Book</code>, simply displays the data as text, with an image that should be fetched through the network.</p>
  
  <p>Unfortunately, the <code>Image</code> doesn't seem to be displaying at all. Can someone help me get the image to display? Below, please find the <code>Category</code> and <code>Book</code> component definition, as well as a sample of the props being past to <code>Book</code>.</p>
  
  <h2>Category.js</h2>
  
  <pre><code>import React from 'react';
  import { ListView, Text } from 'react-native';
  import _ from 'lodash';
  import { camelizeKeys } from 'humps';
  
  import Book from './Book';
  
  const Category = ({ category }) =&gt; {
    let element;
  
    if (!_.isEmpty(category)) { // if data is available
      const ds = new ListView.DataSource({ rowHasChanged: (r1, r2) =&gt; r1 !== r2 });
      const camelCasedBooks = camelizeKeys(category.results.books);
      const data = ds.cloneWithRows(camelCasedBooks);
  
      element = (
        &lt;ListView
          dataSource={data}
          enableEmptySections
          renderRow={(book) =&gt; &lt;Book {...book} /&gt;}
        /&gt;
      );
    } else { // if data is not available
      element = (
        &lt;Text&gt;Loading&lt;/Text&gt;
      );
    }
  
    return element;
  };
  
  Category.propTypes = {
    category: React.PropTypes.object.isRequired,
  };
  
  export default Category;
  </code></pre>
  
  <h2>Book.js</h2>
  
  <pre><code>import React from 'react';
  import { Image, Text, View } from 'react-native';
  
  const Book = ({ author, bookImage, description, title }) =&gt;
    &lt;View&gt;
      &lt;Text&gt;
        {author}
      &lt;/Text&gt;
      &lt;Text&gt;
        {bookImage}
      &lt;/Text&gt;
      &lt;Text&gt;
        {description}
      &lt;/Text&gt;
      &lt;Text&gt;
        {title}
      &lt;/Text&gt;
      &lt;Image source={{ uri: bookImage }} /&gt;
    &lt;/View&gt;;
  
  Book.propTypes = {
    author: React.PropTypes.string.isRequired,
    bookImage: React.PropTypes.string.isRequired,
    description: React.PropTypes.string.isRequired,
    title: React.PropTypes.string.isRequired,
  };
  
  export default Book;
  </code></pre>
  
  <h2>Sample Book Props</h2>
  
  <pre><code>{
   author: "Vi Keeland",
   bookImage: "https://s1.nyt.com/du/books/images/9781942215462.jpg",
   description: "Reese dismisses a chance encounter with a smug stranger, until he turns out to be her new boss.",
   title: "BOSSMAN"
  }
  </code></pre>