react-native – React Native Image组件,需要未知模块

// GOOD
<Image source={require('./my-icon.png')} />

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

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

我有一个不那么剪切和干燥的用例,但我有一个ListView,并且在renderRow方法中我想根据所述行中的一些数据渲染一个Image.例如,我想通过这样做来渲染../img/12.png

<Image style={styles.thumb} source={require("../img/12.png")} />

然而,工作正常

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

给出以下错误：

Requiring unknown module "../img/12.png"

这里是否有任何解决方法,似乎它仍然需要完全相同的字符串,它只是不起作用