问题标签 [react-native-image]

我有一个屏幕，我想在其上显示 4 张图像。

我怎样才能做到这一点，以便当我单击图像时，它会转到数组中的下一个（我想这就是它的制作方式）。除了触摸之外，我还希望有按钮可以转到下一个图像或返回上一个图像。

我希望有人可以帮助我解决这个问题。我不知道如何处理它。我想找到实现它的最佳方法。

谢谢 ！

更新：感谢 Codesingh 的回答，一切正常！

当我打开个人资料选项卡时，它会从 URL 加载图像（个人资料图像），如果用户想要更改他的图像，他可以但是当他这样做时，图像在服务器上被更改但在应用程序上它不会改变，但如果我刷新它确实改变的应用程序。

当用户登录时，URL 不会改变，他在 URL 上有一个图像，当他更新图像时，URL 是相同的，但图片是不同的。

我按照react-native-image-picker中的自述文件进行了手动和自动链接（分别尝试）。

当我使用从终端启动模拟器时react-native run-ios出现错误。从 Xcode 启动时它工作正常，我可以访问 CameraRoll 选择器没有问题。

以下是我正在使用的版本：

"react-native": "0.43.3", "react-native-image-picker": "^0.26.3",

我在这里看到了一个类似的线程stackoverflow，看来我不是唯一一个遇到这个问题的人。

感谢您的帮助。

完整的错误：

我目前正在使用 RN 41.2，并且对从 url 调整图像大小有疑问。url 文件可能会变得非常大，通常在 2000x2000 左右，我想将它们显示得更小，可能在 25x25 左右。

'android only' resizeMethod 是否有等效的 iOS Image 道具？

当 resizeMethod='resize' 它在解码之前更改大编码图像的大小，因此图像几乎立即以较小的尺寸显示，这很棒。

但是对于 iOS，我使用的是 resizeMode（包含、覆盖等），它可以正确显示图像，但图像实际出现总是需要一些时间，这是完全可以理解的，只是很烦人。

我在这里错过了什么吗？似乎 resizeMode 应该做与 resizeMethod 相同的事情，但显然没有

我只是第一次开发一个 react-native 应用程序。我正在使用导航，并且必须使用 react-nativereact-native-router-flux创建一个显示提要Image和组件的提要页面。问题是，应用程序从远程服务器获取一些数据的速度非常慢，即使使用本地主机也是如此。TextFlatList

数据格式如下

我试图从浏览器访问 api url，它也做得很快。但是当我通过我的 react-native 应用程序访问时，它太慢了。像 7 秒等待页面完成加载获取数据。我认为问题出在我使用来自远程数据的图像时。我是这样做的

这可以提高速度吗？使用加载遥控器Image会影响速度吗？或者我必须使用延迟图像加载概念加载图像？

我正在尝试这样做：

但返回我这个错误：“未知的命名模块”

有没有人让库react-native-image-picker在低于版本 5 的 Android 上工作？就我而言，当我调用showImagePicker时，它总是转到didCancel。

当我按下从库中选择或拍照时，它会显示图库或相机，但会立即使用response.didCancel = true调用完成功能，而不是等待用户选择，因此完成功能可能会有图像。

有什么想法吗？

我试图在图像上放置一个图标，但它所做的只是将图像推到页面下方。

这是它目前的样子：

如您所见，我正在尝试将蓝色后退箭头放在该图像的顶部。

这是我的标记的样子：

这是我的风格：

我究竟做错了什么？

如果我去掉这个图标，图像会显示我想要的样子，但我也想要它上面的后退按钮图标。这是没有图标时的样子：

反应原生：0.47.1

当宽度为 100% 时，如何保持高度的纵横比？基本上我想在保持纵横比的同时自动缩放高度。图像将显示在 a 中FlatList（不一定，如果有其他问题我很乐意更改FlatList）。图像从数组中显示，该数组data设置在state：

所以图像的高度可能会有所不同，原始高度可能是 700px，有些可能是 1200px，甚至是方形图像。由于它们来自数组，我将如何定义每个图像的高度？

非常感谢

我可以知道如何将图像更改为反应原生的 URL 或链接吗？下面是截图和代码：

图片可以在这里显示，但我想让它成为附件字段中的链接

URL 或链接示例：“ http://exampleimage.jpg ”

这是代码

...

我使用 react-native-image-picker 来做到这一点。请告知如何做。任何帮助将不胜感激。谢谢你。