如何制作打包机包"静态图像资源" in native native?

时间:2015-11-24 13:01:14

标签: javascript react-native

代码:

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;?还是我错过了一些文件?

1 个答案:

答案 0 :(得分:1)

在DEV模式下,打包程序不会将图像作为应用程序的一部分进行捆绑,而是将require语句替换为打包服务器的URL。

您很可能无法在设备上看到图像,因为您无法从设备访问打包服务器。如果您使用的是Android 5.0+并使用USB连接,则可以运行adb reverse tcp:8081 tcp:8081。有关更多选项,请参阅this链接,具体取决于您的设置