代码:
img.js
module.exports = {
back: require('./back.png'),
write: require('./write.png'),
talk: require('./talk.png')
};
Toolbar.js
let img = require('../../img/img');
// ...
<ToolbarAndroid navIcon={img.back} />
文件路径
|- widget/Toolbar/Toolbar.js
|- img/
|-img.js
|-back.png
|-back@2x.png
|-back@3x.png
|-talk.png
|-talk@2x.png
|-talk@3x.png
|-write.png
|-write@2x.png
|-write@3x.png
该图像在我的genymotion中运行良好,但在我的手机中看不到。 那么,打包者如何打包&#34;静态图像资源&#34;?还是我错过了一些文件?
答案 0 :(得分:1)
在DEV模式下,打包程序不会将图像作为应用程序的一部分进行捆绑,而是将require
语句替换为打包服务器的URL。
您很可能无法在设备上看到图像,因为您无法从设备访问打包服务器。如果您使用的是Android 5.0+并使用USB连接,则可以运行adb reverse tcp:8081 tcp:8081
。有关更多选项,请参阅this链接,具体取决于您的设置