Question

我使用react-native 0.14.1

react-native run-android

[3:10:56 PM] <START> find dependencies
Unable to resolve module image!ic_action_android_back_white3 from /Users/lion/Desktop/Developer/AwesomeProject/NewTrackActivity.js
Unable to resolve module image!ic_action_android_back_white3 from /Users/lion/Desktop/Developer/AwesomeProject/NewTrackActivity.js

如果我在Genymotion中强制打开我的应用程序，则无法找到我的图片。

需要未知的模块图像！ic_action_android_back_white3

我试图将图片移到./android/app/src/main/res/drawable-xxx和./assets/drawable-xxx，但都不起作用。

Answer 1

您是否尝试过装载图像，就像新的资产管理器允许您这样做？它在documentation中描述。

对Image组件使用以下prop。选择正确的相对路径，不要忘记扩展程序。

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

Answer 2

重新启动您的反应包装程序。这对我有用。

Answer 3

我认为这是在初始构建后添加资产的问题。

我关闭了模拟器和捆绑器，清除了缓存并运行了RN-run-ios / run-andriod-然后没有问题。

我还想知道只是运行链接是否可行，但没有对此进行测试。

Answer 4

有时候，您的图片可能会包含@2x或@3x，以适应docs中提到的不同的屏幕dpi。在这种情况下，路径应指定不带后缀@2x或@3x的图像名称。例如，如果图像文件名为img@2x.png：

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

Answer 5

您可以将图像保存在该文件夹本身中，而不是保存在资产文件夹中，并将路径指定为：

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

对我有用

Answer 6

对于具有大写字母的文件，我有相同的错误消息无法解析模块。

我的解决方案-将文件名重命名为小写。

使用代码：

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

版本：
反应原生-0.62
expo-38

React native，无法解析静态图像模块

6 个答案: