title: How to use React Native ListView with MobX?
body: <p>I am trying to populate a ListView in react native with a MobX's observable array like so:</p>
  
  <pre><code>constructor(props) {
          super(props)
          var dataSource = new ListView.DataSource({ rowHasChanged: (r1, r2) =&gt; r1 !== r2 });
          let dogs = props.store.dogs;
          this.state = { dogs: dogs, dataSource: dataSource };
      }
  
      render() {
  
          var dogs = this.state.dogs;
          var dataSource = this.state.dataSource.cloneWithRows(dogs);
  
          return &lt;ListView
              dataSource={dataSource}
              renderRow={this.renderRow}
              /&gt;
      }
  </code></pre>
  
  <p>But when running the code, renderRow() never gets called. It like the cloneWithRows() method didn't know how to clone the rows.</p>
  
  <p>Have anyone succeeded doing this?
  (And also getting it to behave that when a dog's name in the list of dogs changes, then the cell in the list will re-render)</p>
  
  <p>Update:
  more info here <a href="https://github.com/mobxjs/mobx/issues/476" rel="nofollow">https://github.com/mobxjs/mobx/issues/476</a></p>