listView, add 2 dataRows from firebase in one row
<p>how can i render 2 items in a list view? 
i am using firebase to get my data, and i want to put 2 data in one row</p>

<p>i am using this code to add 1 item</p>

<pre><code>   constructor(props) {
super(props);
this.state = {
        swipeToClose: true,
  dataSource: new ListView.DataSource({
  rowHasChanged: (row1, row2) =&gt; row1 !== row2,
  })
};
this.itemsRef = this.getRef().child('movies');
}

   render() {
return (
  &lt;View style={styles.container}&gt;
    &lt;ListView
      dataSource={this.state.dataSource}
      renderRow={this._renderItem.bind(this)}
      style={styles.listview}
  &lt;/View&gt;
);
 }


 _renderItem(item) {
const onPress = () =&gt; {
  AlertIOS.prompt(
    'Complete',
    null,
    [
      {text: 'Complete', onPress: (text) =&gt; this.itemsRef.child(item._key).remove()},
      {text: 'Cancel', onPress: (text) =&gt; console.log('Cancelled')}
    ],
    'default'
    );
     };

    return (
    &lt;View style={styles.rowContainer}&gt;
 &lt;TouchableHighlight style={styles.leftContainer}  onPress={onPress}&gt; 
  &lt;View style={styles.viewContainer}&gt;
    &lt;Image
     defaultSource={require('./noimage.png')}
      source={{uri: item.image}}
      style={styles.thumbnail}/&gt;
      &lt;Text style={styles.title}&gt;{item.title}&lt;/Text&gt;
      &lt;Text style={styles.year}&gt;{item.year}&lt;/Text&gt;
  &lt;/View&gt;
   &lt;/TouchableHighlight&gt;
 &lt;/View&gt;
);

   }

  }
</code></pre>

<p>should i change this.state.dataSource or something else</p>