Javascript “如何制作包装袋”;静态图像资源“;在中国?
代码: img.jsJavascript “如何制作包装袋”;静态图像资源“;在中国?,javascript,react-native,Javascript,React Native,代码: img.js module.exports = { back: require('./back.png'), write: require('./write.png'), talk: require('./talk.png') }; let img = require('../../img/img'); // ... <ToolbarAndroid navIcon={img.back} /> |- widget/Toolbar/Toolbar.js
module.exports = {
back: require('./back.png'),
write: require('./write.png'),
talk: require('./talk.png')
};
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
Toolbar.js
module.exports = {
back: require('./back.png'),
write: require('./write.png'),
talk: require('./talk.png')
};
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中运行良好,但在我的手机中不可见。
那么,包装商如何包装“静态图像资源”?还是我遗漏了一些文档?在开发模式下,packager不会将图像捆绑为应用程序的一部分,而是将
require
语句替换为指向packager服务器的URL
您很可能无法在设备上看到图像,因为您无法从设备访问packager服务器。如果您使用的是android 5.0+并连接了USB,则可以运行
adb反向tcp:8081 tcp:8081
。有关更多选项,请参见链接,具体取决于您的设置您使用的是哪个版本?升级RN后,我在打包资产方面遇到了困难,但当我创建一个新项目时,它工作得非常好