title: Rendering data in FlatList from firebase
body: <p>I am using React Native 0.49. I have data fetched from firebase, list of users <code>users/</code>, each item in this list was set like this <code>firebase.database().ref('users/' + userId).set(userInfo)</code> userId is the <code>uid</code> of the currentUser.</p>
  
  <p>Now I am fetching back (in actions - redux):</p>
  
  <pre><code>export function getPeople(){
      return (dispatch) =&gt; {
          dispatch(getPeopleRequest());
          getData().then(result =&gt; {
              dispatch(getPeopleSuccess(result.val()))
          })
          .catch(error =&gt; {
              dispatch(getPeopleFailure(error))
          }); 
      }
  }
  
  const getData = () =&gt; {
      const userRef = firebase.database().ref('users/').limitToFirst(20);
      return userRef.once('value');     
  }
  </code></pre>
  
  <p>In component, I am trying to render the data in FlatList, but it's not rendering anything, I don't know what I'm doing wrong:</p>
  
  <pre><code>componentDidMount(){
     this.props.getPeople();
  }
  _renderItem = ({ item }) =&gt; (
  
      &lt;View style={{flex: 1}}&gt;
          &lt;Text&gt;{item}&lt;/Text&gt;
      &lt;/View&gt;
  );
  
  render(){
      const { inProgress, people, error } = this.props.peopleData;
      return (
          &lt;FlatList
              data={people}
              renderItem={this._renderItem} 
          /&gt;
      );
  }
  </code></pre>
  
  <p>when console log <code>people</code> this is result:
  <code>{cpycwkz7exVBzmhaLEtHjMW66wn1: {…}, UbIITfUANmb63cYE2x7dZRZ0pfK2: {…}}</code></p>