title: Why is my FlatList not showing?
body: <p>I am trying to load this FlatList but it is not showing anything in the screen and I am not getting errors. The breed console.log is logging an array of objects with keys of $t. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { Component } from 'react';
  import { FlatList, Text, View } from 'react-native';
  import { connect } from 'react-redux';
  import { Container, Content } from 'native-base';
  // import BreedListItem from './BreedListItem';
  
  class BreedList extends Component {
      render() {
          console.log(this.props.breeds.breed);
          return (
              &lt;Container&gt;
                  &lt;Content&gt;
                      &lt;FlatList 
                      style={{ flex: 1 }}
                      dataSource={this.props.breeds.breed}
                      renderItem={(breed) =&gt; {
                          console.log(breed.$t);
                          return (
                          &lt;View&gt;&lt;Text&gt;{breed.$t}&lt;/Text&gt;&lt;/View&gt;
                      );
                  }
                  }
                      keyExtractor={(breed) =&gt; `${breed.$t}`}
                      /&gt;
                  &lt;/Content&gt;
              &lt;/Container&gt;
          );
      }
  }
  
  const mapStateToProps = (state) =&gt; {
      return {
          breeds: state.breeds.breeds
      };
  };
  
  export default connect(mapStateToProps)(BreedList);</code></pre>
  </div>
  </div>
  </p>
  
  <p>The console log of this.props.breeds.breed is below. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>(37) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
  0
  :
  {$t: "Affenpinscher"}
  1
  :
  {$t: "Afghan Hound"}
  2
  :
  {$t: "Airedale Terrier"}
  ...</code></pre>
  </div>
  </div>
  </p>