title: Displaying Images and text in ListView for React Native
body: <p>I am trying to load images via a url and text using ListView and show data into List but when I populate it in a listview Image and text then my images are not show.</p>
  
  <p>My code is:</p>
  
  <pre><code>import React, { Component } from "react";
  import { ListView, Text, View, Image, StyleSheet } from "react-native";
  
  const styles = Style.create({
  container: {
      flex: 1,
      marginTop: 20
  }
  });
  
  class ListViewDemo extends React.Component {
  constructor(props) {
      super(props);
  
      const ds = new ListView.DataSource({
          rowHasChanged: (r1, r2) =&gt; r1 !== r2
      });
  
      this.state = {
          dataSource: ds.cloneWithRows(["row 1", "row 2"])
      };
  }
  render() {
      return (
          &lt;ListView
              dataSource={this.state.dataSource}
              renderRow={data =&gt; {
                  &lt;View style={styles.container}&gt;
                      &lt;Image
                          source={{
                              uri:
                                  "https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg"
                          }}
                          style={{ width: 193, height: 110 }}
                      /&gt;
                      &lt;Text&gt; Asad &lt;/Text&gt;
                  &lt;/View&gt;;
              }}
          /&gt;
      );
  }
  } [enter image description here][1]
  
  export default ListViewDemo;
  </code></pre>