首页 文章

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

提问于
浏览
0

我使用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 回答

  • 0

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

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

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

    解决方案2:使用一些cloudinary,它会给你一个绝对网址,我们可以使用它

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

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

相关问题