title: how to fetch images and pdf in render list react native
body: <p>Hey i am using Api to fetch images and text in my app. i found solution and i only fetch text in my app and dont know how to fetch images and pdf too with text</p>
  <p>here is my code</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React, { useEffect, useState } from 'react';
  import { FlatList, Text, View } from 'react-native';
  import AsyncStorage from "@react-native-async-storage/async-storage";
  import axios from 'axios';
  
  export default App = () =&gt; {
  
    const [isLoading, setLoading] = useState(true);
    const [data, setData] = useState([]);
    const [pno, setPno] = useState("");
    const getPNO = async () =&gt; {
      await AsyncStorage.getItem("PNO_key").then((pn) =&gt; {
        if (pn == null) {
          setPno("52699");
          console.log(pno)
        } else {
          setPno(pn);
        }
  
      });
    }
    console.log(pno);
  
    const getComp = async () =&gt; {
  
      fetch(`http://172.29.19.98/epia_api/api/complain/?pno=${pno}`)
        .then((response) =&gt; response.json())
        .then((json) =&gt; setData(json.data))
        .catch((error) =&gt; console.error(error))
        .finally(() =&gt; setLoading(false));[];
    }
  
  
    useEffect(() =&gt; {
      getPNO();
      getComp();
  
    }, []);
    return (
  
      &lt;View style={{ flex: 4, padding: 15, backgroundColor: "white" }}&gt;
        {isLoading ? &lt;Text&gt;Loading...&lt;/Text&gt; :
          (&lt;FlatList
            data={data}
            renderItem={({ item }) =&gt; (
              &lt;Text style={{
                flex: 2, color: "#006e51",
                fontSize: 15,
                fontWeight: "bold"
              }}  &gt;ID: {item.id + ('\\n', '\n') + 'Subject' + ':' + item.subject + ('\\n', '\n') + 'Details' + ':' + item.description}
              &lt;/Text&gt;
  
            )}
  
          /&gt;
          )}
      &lt;/View&gt;
    );
  };</code></pre>
  </div>
  </div>
  </p>
  <p>Now i want to show and fetch images and pdf too with textfields but cant understand how to do it</p>