title: How to get local images dynamically from .json file in React-native
body: <p>I have json file named "Bread.json" following is the content of the file.</p>
  
  <p>How to use image name dynamically in <code>&lt;Image&gt;</code></p>
  
  <p>I'm trying following but getting error. I'm getting image name's array from json file into the <code>Flatlist</code>, so <code>{item.img} = my image name from json file</code>. But not working!</p>
  
  <pre><code>&lt;Image source={require('../images/'+{item.img})} /&gt;
  </code></pre>
  
  <p>So, how can I use image name in source of the <code>&lt;Image&gt;</code>, Also I can not use <code>require()</code> function into my json file. Any help?</p>
  
  <p>"bread.json"</p>
  
  <pre><code>[
    {
      "id": "1",
      "img": "1.jpg",
      "cat": "Breakfast",
      "title": "Small Semolina Griddle Breads"
    },
    {
      "id": "2",
      "img": "2.jpg",
      "cat": "Side",
      "title": "Corn Bread"
    },
    {
      "id": "3",
      "img": "3.jpg",
      "cat": "Appetizer",
      "title": "Fresh Tomato Bruschetta"
    }
  ﻿]
  </code></pre>