title: react-native props updated and render called, but UI doesn't updated
body: <p>I have a react-native component that uses native-base.</p>
  
  <p>I also integrated react-redux and have connected properly, thus my state automatically updated by the reducer.</p>
  
  <p>My problem is, my <code>props.data</code> gets updated properly and <code>render</code> gets called, but my <code>ListItem</code> is not updated at all.. I am not very familiar with this react-native components, did I miss anything?</p>
  
  <pre><code>import React, { Component } from "react";
  
  import {
    ListItem,
    List
  } from "native-base";
  
  import {
    Provider,
    connect
  } from 'react-redux';
  
  class MyPage extends Component {
    render() {
      const { data } = this.props;
      console.log('data: ' + JSON.stringify(data)); // this gets called 
       2x, 1st time is empty, 2nd time is filled
      // 2nd times it gets called, looked something like this: "data: 
       [{"name": "one"},{"name": "two"}]"
      return (
          &lt;irrelevant components omitted&gt;
          &lt;List
           dataArray={data}
           renderRow={row =&gt;
            &lt;ListItem
              button
              onPress={() =&gt; {console.log("todo: navigation")}}&gt;
              &lt;Text&gt;{row.name}&lt;/Text&gt;
            &lt;/ListItem&gt;
          }
        /&gt;
         &lt;irrelevant components omitted&gt;
      );
    }
  }
  </code></pre>
  
  <p>But, the UI still renders empty even after the second call... any idea?</p>
  
  <p>Thanks in advance!</p>