Question

我使用react-native-webpack-starter-kit创建了一个项目，并尝试将静态图像添加到要使用的项目中。

https://github.com/jhabdas/react-native-webpack-starter-kit

我尝试在.js React组件旁边添加一个images文件夹（在src / components中）并尝试了以下但似乎没有工作。没有错误消息，但图像不会出现。

<Image source={require("image!add_people_icon")} style={styles.icon} />
<Image source={require("image!add_people_icon.png")} style={styles.icon} />
<Image source={require("./images/add_people_icon.png")} style={styles.icon} />

在实际的xcode项目中是否需要做任何事情，例如将图像添加到图像目录中？

我也使用webpack / fileloader来提供图像。

Answer 1

将图像引用到需要是错误的......

基本上它将在Xcode项目中搜索这些文件所以有两种解决方案

解决方案1：在Xcode Project Image资源中添加相应的图像，然后您可以按上述方式使用

解决方案2：使用一些cloudinary，它将为您提供绝对网址，我们可以将其用作

<Image style={/*ifneeded*/} source={{uri: ' //specify the url // '}} />

并且图像样式应包含高度和宽度

将静态图像添加到React Native app webpack

1 个答案: