Reactjs 添加静态图像以响应本机应用程序网页包

我已经使用react native webpack初学者工具包创建了一个项目，并尝试将静态图像添加到项目中以供使用

我尝试简单地在.js React组件（在src/components中）旁边添加一个images文件夹，并尝试了以下操作，但似乎都不起作用。没有错误消息，但图像不会显示

<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来提供图像。

将图像引用到require是错误的

基本上，它会在Xcode项目中搜索这些文件 因此有两种解决方案

解决方案1：在Xcode项目映像资产中添加相应的映像，然后可以如上所述使用

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

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

---

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

谢谢，我将图像添加到Xcode项目中，效果很好