title: How to Access Image in local JSON Array
body: <pre><code>Hijama = [
  {
    name: 'Body Back',
    pic: '../Images/BackSide.png',
  },
  {
    name: 'Body Front',
    pic: '../Images/images.jpg',
  },];
  </code></pre>
  
  <p>//here i want to render my pics</p>
  
  <pre><code>     render_swiper_data = () =&gt; {
  return this.Hijama.map((item, index) =&gt; {
    console.log('check', item);
    return (
      &lt;View key={index}&gt;
        &lt;Text&gt;{item.name}&lt;/Text&gt;
        &lt;Image
          source={require(item.pic)}
          style={{
            height: '100%',
            width: '100%',
          }}
        /&gt;
      &lt;/View&gt;
    );
  })};
  </code></pre>
  
  <p>//now my question is how can i access these images i try both Require and uri,,,</p>