React Native Image component, requiring unknown module
<p>The docs make it pretty clear that you can't do any dynamic requiring:</p>

<pre><code>// GOOD
&lt;Image source={require('./my-icon.png')} /&gt;

// BAD
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive';
&lt;Image source={require('./' + icon + '.png')} /&gt;

// GOOD
var icon = this.props.active ? require('./my-icon-active.png') : require('./my-icon-inactive.png');
&lt;Image source={icon} /&gt;
</code></pre>

<p>I have a use case that isn't so cut and dry however, I have a ListView and in the renderRow method i would like to render an Image depending on some of the data in said row.  For instance I want to render ../img/12.png, by doing it </p>

<pre><code>&lt;Image style={styles.thumb} source={require("../img/12.png")} /&gt;
</code></pre>

<p>works fine, however</p>

<pre><code>let imagePath = "../img/" + row.number + ".png";  // row.number being 12
&lt;Image style={styles.thumb} source={require(imagePath)} /&gt;
</code></pre>

<p>gives the following error:</p>

<pre><code>Requiring unknown module "../img/12.png"
</code></pre>

<p>Is there any workaround here, it seems like its still ending up requiring the exact same string, it just doesn't work</p>