问题标签 [react-native-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 回答
874 浏览

react-native - 如何在 react-native 中使用单独的视图在图像上方设置文本和图标

我需要在图像上方显示文本和图标。但是这里的图像视图和文本和加载图标不需要链接。两者都需要有一个单独的视图。

我设置了两个视图(一个视图用于图像,另一个用于并在我的视图中添加 marginTop:-300 值。这是一种错误的行为。

https://i.stack.imgur.com/MF5kM.png

0 投票
4 回答
2301 浏览

reactjs - 如何以正方形显示图像的特定部分

我在本机反应中遇到图像组件问题。我想在某个正方形中显示图像的特定部分。铁:

假设我的图像分辨率为:1280x720

private someImage = require('../Assets/someImage.jpg');

我想以方形组件显示此图像(具有恒定大小)

第一个问题来了:图像超出了正方形。如何仅显示图像的一部分(但具有原始分辨率)。

第二个问题是:有没有办法显示我的图像的特定片段?那是男人,如果我设置顶部:-64,左侧:-64 我希望看到原始图像沿对角线移动约 64 像素。

0 投票
1 回答
101 浏览

react-native - 如何在图像上显示相机图标

我想在这张图片上显示相机图标:

像快照图像

我想在图片上显示相机图标以上传像这样的新图像图像:在此处输入图像描述,我该如何做这个显示相机来上传另一张图片。

0 投票
2 回答
771 浏览

javascript - 无法在本机反应中显示多个图像

我正在开发一个反应本机应用程序。我必须显示多个图像。我的代码是:

我确实在“props.data”中获得了两张图像,但在屏幕上只显示了一张图像。CSS代码是:

0 投票
1 回答
1541 浏览

image - 如何从 react-native 应用程序查看谷歌驱动器图像和视频文件?

我想在我的 react native 应用程序中显示图片,但只知道如何显示来自其他 url 的图片,但不知道如何在我的应用程序中显示来自驱动器的图像,

上面的代码显示了链接中的图片,但我怎样才能显示谷歌驱动器中的图片?尝试将可共享链接作为 uri 提供,但没有用。

提前致谢。

0 投票
1 回答
1238 浏览

react-native - 无法在 ReactNative 中从 IOS 上的本地路径渲染图像

我正在开发一个反应本机应用程序。我正在IOS模拟器上测试它。我在应用程序中上传图像并且图像存储在某个本地路径中,但是当我回到屏幕时我无法显示图像,图像空间在那里但没有图像。

存储图像的路径是:

显示图像的代码是:

上传图片的代码是:

我确实在“img.image.image”中得到了上述文件路径。有图像空间,但没有图像。我还发现我的系统上不存在“应用程序”文件夹之后的路径。这是为什么?如果路径不存在,图像如何存储在该路径中?

0 投票
3 回答
1031 浏览

react-native - React Native Image resizeMode:“中心”和“包含”之间的区别?

如果您在 React Nativestyle中的组件的 prop 中指定尺寸,则添加会使图像保持其纵横比并完全适合您在. 它还将在该框中水平和垂直居中图像。<Image>resizeMode={'contain'}style

但是,据我所知,centercontain. 有什么不同?

0 投票
0 回答
374 浏览

react-native - 使用本机反应检测触摸并在位图图像上绘制矩形框

一段时间以来,我一直在寻找有关如何使用本机反应在图像中绘制矩形的参考资料,但我找不到任何东西。

我尝试做的是用户在屏幕上触摸以标记开始位置,然后在结束位置移动和释放。我们必须继续显示更新的方块。

示例视频

代码可用于使用 java 进行本机开发。但我需要它来反应原生。

0 投票
2 回答
1755 浏览

react-native - React-Native 在图像中使用状态需要

为什么我不能在图像中使用状态

我想更改图像,当我单击按钮时从数组中获取它,抽奖功能会更改图像状态,一切正常,但我无法将状态作为必需参数传递,如何解决?

0 投票
2 回答
33 浏览

react-native - 无法添加本地图片

无法添加本地图像。

我试过了:

也试过:

错误: 错误:TransformError SyntaxError: ----------/src/Components/Story1.js:相邻的 JSX 元素必须包含在封闭标记中。你想要一个 JSX 片段 <>...?(39:2)

在此处输入图像描述

为什么我会收到此错误?我究竟做错了什么?该图像位于该组件所在的同一文件夹中。