问题标签 [react-image]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
9275 浏览

android - 在 ReactNative 中将静态图像转换为 Base64

我有需要转换的静态图像,Base64然后将其发送到 Android/iOS 本机代码。

如果我从文件中选择图像,我可以将其发送到本机代码并将其转换为Base64.

但是,如果我有静态图像然后将其发送到本机代码怎么办。

我想icon.png在 Android/iOS 原生模块中发送。

我已经完成了本机编码,是这样的

但卡在如何发送Base64

当我使用时,我已经检查了react-native-image-to-base64但无法获得解决方案

它显示错误undefined is not an object

0 投票
1 回答
64 浏览

css - 图像未正确显示

这就是我展示我的形象的方式React-Native:

resizeMode="stretch"图像显示如下:

在此处输入图像描述

显示时相同的图像resizeMode="contain"

resizeMode="contain"

在此处输入图像描述

我希望图像像第二种类型一样显示,但有不必要的边距:

在此处输入图像描述

第一张图片的边距很完美,但没有显示完整的图片。我一直认为contain会解决这个问题,但在这里没有帮助。我想要的是显示整个图像而没有任何额外的边距。

请帮忙。谢谢。

0 投票
1 回答
404 浏览

reactjs - 为什么图像没有加载,当尝试从反应中的数组加载时

我有以下代码,我试图从数组加载图像,如果我尝试加载单个图像它工作正常,但如果我尝试加载多个图像它不会显示任何图像,但我的 divtest在 dom 中。

0 投票
1 回答
450 浏览

react-native - 无法在 ReactNative 中显示来自 Redux 状态的图像

我的减速机:

我可以显示其余内容,但不能显示图像。我的代码:

theimage如果我直接在 uri 的 uri 源中使用 url Image,它可以工作。我究竟做错了什么?

显示图像的正确方法是什么?非常感谢。

0 投票
1 回答
83 浏览

react-native - 来自 Google REST API 的图像不会显示

在 React Native 中,我试图显示从 fetch 中检索到的图像(出于示例的目的,我在此处对值进行了硬编码):

但这不会显示任何东西......知道我该怎么做吗?

0 投票
1 回答
534 浏览

image - 反应网络图像@2x 附加问题

以上是我的代码,假设我从 API 获取图像。

我已经使用create-react-app来创建应用程序,现在的问题是当我在 Web 视图中打开我的项目时它正确显示。

但是,当我选择像 nexus 6 或 iphone 6 这样的设备时,无论任何设备都是从 chrome 控制台。图片网址将从

http://via.placeholder.com/150x150 => http://via@2x.placeholder.com/150x150

自动请帮助解决这些问题,我需要修复任何要附加的图像。

0 投票
2 回答
3697 浏览

reactjs - 如何绘制正方形以标记对象。(反应原生)

我看到许多移动应用程序具有用户可以绘制一个正方形来指示要在图像上标记的内容的功能。

我正在构建Face Tagging应用程序,基本上用户在图像上的人脸边界上绘制正方形

我用谷歌搜索了很多次,但我不确定 RN 是否有一些用于标记的功能库。

我怎样才能做到这一点?有没有什么好的图书馆可以在图像上绘制正方形?如果我能记住它的坐标宽度、高度和矩形的位置就更好了。

任何想法或建议将不胜感激!

这是下面的示例

在此处输入图像描述

0 投票
2 回答
7178 浏览

reactjs - React-native,如何根据图像的原始大小调整图像大小?

我有要显示的图像列表,其中图像的大小未知,如何完全显示图像而图像顶部和底部没有任何透明空间?(我尝试从 getSize 方法获取图像大小,最终在顶部和底部提供了很多空间)我希望图像调整大小并适合这样,我希望图像像这样调整大小并适合,

但是,如果我将调整大小模式包含在内,我会得到空白,并且如果我将调整大小模式用于拉伸小图像的大小,则会失去其质量如果我使用调整大小模式来拉伸小图像的大小,则会失去其质量

如何调整图像大小以删除空白并使其适合自己

0 投票
1 回答
527 浏览

image - 如何为本地存储在 react-native 中的图像传递 prop

我试图在 react-native 组件的 IMAGE 标记中为“require”传递一个道具。但是,它显示错误“服务器代码错误 500”。如果我使用 URI 传递链接,它与道具一起使用。

在职的 :

需要修复:

0 投票
1 回答
133 浏览

react-native - 在图像组件源中使用时 require 的性能

我是反应原生的新手,并且对反应图像组件有一些问题。我阅读了文档并搜索了几篇关于堆栈溢出的文章和问题。我的想法是 Image 组件的 src 可以采用字符串(来自本地的路径或 url),或者我们可以使用带字符串的 require 作为周长来加载图像。我正在处理的项目有 50 多个图像,并且要渲染的图像是在运行时决定的。之前,我计划使用需要周长的变量来动态加载图像,但经过研究,我知道这是不可能的,并且 react native 没有提供此类功能的计划。

我想到了创建一个包含 require 作为值的对象。

并根据传递给组件的导航周界决定选择哪个对象。

我在这方面取得了成功。但是我担心应用程序的性能,因为我没有完整的知识,也不知道这个语句的行为如何

它将所有图像加载到内存中,并渲染分配给 Image 组件源的图像。还是会在渲染时加载图像?

如果您自己向我解释这一点,请这样做。如果您有一篇好文章或错过了文档的任何部分。请把我重定向到它。

PS:我在 JS 文件中导出数据,并在重定向到屏幕时将其导入。我也很想知道这是否是正确的方法。