我使用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来提供图像 .
1 回答
将图像引用到需要是错误的......
基本上它会在Xcode项目中搜索这些文件所以有两个解决方案
解决方案1:在Xcode Project Image资源中添加相应的图像,然后您可以使用上述方法
解决方案2:使用一些cloudinary,它会给你一个绝对网址,我们可以使用它
并且图像的样式应包含高度和宽度