Android React Native 本地镜像源使用变量

Question

使用时:

<Image source={require('./img/name.png')} />

效果很好，但我该如何使用变量呢？

<Image source={require('./img/'+rowData.imageFile+'.png')} />

文档显示了这个例子 https://facebook.github.io/react-native/docs/images.html

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

但这并不能解决我的问题。

Answer 1

这有效:https://facebook.github.io/react-native/docs/images.html#images-from-hybrid-app-s-resources

<Image source={{uri: rowData.imageFile}} style={{width: 40, height: 40}} />

只需将图像放在/android/app/src/main/res/drawable/下并手动指定图像尺寸即可。