当前位置: 首页 > 知识库问答 >
问题:

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

司空玮
2023-03-14

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

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

我试着简单地在. js React组件旁边添加一个图像文件夹(在src/组件中),并尝试了以下方法,但似乎都不起作用。没有错误信息,但图像不会出现。

<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个答案

巫马磊
2023-03-14

将图像引用到require是错误的。。。

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

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

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

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

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

 类似资料:
  • 我一直在想如何通过React和Webpack动态添加图像。我在src/images下有一个图像文件夹,在src/components/index下有一个组件。我正在使用url加载器和以下Web包配置 在我知道的组件中,我可以在创建组件之前在文件顶部为特定图像添加require(image_path),但我希望使组件通用,并使其具有从父组件传递的图像路径的属性。 我所尝试的是: 对于实际的属性,我已

  • 我对python和猎鹰都是新手。我开始开发一个RESTful API,到目前为止falcon非常适合它。提供静态网页还有其他一些要求,我不想为此编写应用程序或生成服务器。 是否可以从falcon应用程序提供静态网页?

  • 我在webpack和react服务器上提供静态图像时遇到问题。 这是我当前的文件夹结构 正如你所看到的,我有一个资产文件夹,它保存着我所有的图片,这是我的网页输入和输出配置 其中client条目是我的react项目client_条目的源:path.join(process.cwd(),'src/client/index.jsx') 这里是我试图从项目根目录下的assets文件夹加载图像的地方 只有

  • 我尝试从数组中随机加载gif。我尝试了几种方法,但都没有奏效。我要么收到错误消息,要么图像就不会出现。 版本 1(结果:图像未显示): 版本2(结果:“无效调用”) 版本3(结果:无法加载图像): 有什么想法吗?

  • 我将遵循以下教程: https://blog.expo.io/building-a-react-native-app-using-expo-and-typescript-part-1-a81b6970bb82 我和我的手机(Android)在同一个网络上。没有VPN。我在我的应用程序的根文件夹中。它说所以我知道它正在运行。 防火墙也为此关闭,这不是超时错误。 当我扫描二维码时: 我有什么问题? 编

  • 我有一个静态html文件,我只想管理员有权访问。所以我在我的 但我总是出错。控制台上写着 通用域名格式。谷歌。阿彭金。工具。管理AppVersionUpload checkEndpointsServingStatusResult严重:endpoint配置未更新。当Google Cloud Endpoints服务器试图与其通信时,应用程序返回了一个错误。 然后,我尝试将每个更改为,包括实际的静态文件