问题标签 [react-native-image]

我无法resizeMode='contain'处理远程加载的图像，想知道我是否做错了什么。

渲染方法：

样式（相关部分）：

我试过了resizeMode='contain'，resizeMode='center'但图像总是在框架的外面被裁剪。显示裁剪图标的屏幕截图。. 我也尝试过undefined图像的高度和宽度。

仅当源图像与帧的纵横比不同时才会出现裁剪，方形源将产生完美缩放的图像。

在反应本机应用程序 ImageCarousel 用于显示图像数组并且它工作正常。后来我介绍了 createMaterialBottomTabNavigator 进行导航，导航工作正常，但是在使用 BottomTabNavigator 库进行导航后，屏幕最初加载时不显示图像，但是当屏幕方向改变时，它开始显示图像。我是 react-native 新手，请指导我解决这个问题。

使用的库：

我可以按照react native docs的建议使用 import 语法而不是 require 吗

我假设两者都是一样的。如果不是为什么？这会提高加载图像的性能吗？

某些本地图像在某些视图中不可见。这主要发生在生产构建中。在开发模式下，它出现的时间并不晚，但会出现 1s 或 2s 的延迟。

我尝试将所有图像资源导入移动到单个文件中，性能在开发模式下有所提高，但在生产中没有。它发生在ios和Android中。

我有一个存储使用相机拍摄的图像的目录。为了保存图像，我使用RNFS。我正在使用react-native-photo-browser。

图库本身没有任何选项可以从图库中删除项目。所以我正在努力实现它

图像列表示例：

我的目标是每当状态中的项目galleryList被删除时，我都需要刷新组件，因此删除的图像将从图库中删除。因此，当我尝试使用过滤器时，galleryList它会删除其他图像而不是其他图像：

MCVE -> 这是我的代码的缩小版，你可以看到图像正在随机删除

我有这样的图像：

我正在尝试制作一个 100x100 的正方形，然后将该图像居中。我可以使用以下代码获得 100x100 的正方形：

但是，这会切断图像：

有没有办法可以设置 100x100 的宽度/高度，但允许图像根据需要调整大小以适合并在正方形内居中？谢谢！

在 Android 上，横向模式就像一个魅力，但在 IO 上我发现了以下问题：

移动设备处于横向模式：

• 我点击一张图片（Touchable-Opacity设置状态modalShow横向模式会切换到纵向模式，之后Modal出现
• 如果我关闭模态，应用程序会切换回横向模式。

任何想法，为什么这只发生在 iPhone 上，但在 Android 上运行良好？

画廊中的音频、图像和视频文件很少。但它不可滚动。我应该使用任何其他控制器来使其可滚动吗？我怎样才能实现它？我正在使用 react-native-gallery 模块。

我试图通过将图像路径作为道具发送到应该呈现它的组件来显示一个简单的 .jpg 图像。在下面的方式。

应用程序.js

ImageShow.js

ImageSlider.js

我的文件夹结构是：

理想情况下，当我传递本地存储的图像路径时，应该显示图像，但我没有显示任何图像，而是显示一条警告消息：“失败的道具类型：提供给'ForwardRef（图像）'的无效道具'来源'”

我正在尝试制作动态图像裁剪器。我遇到了这个包，它似乎完全按照我的意愿工作。

我正在尝试将其添加到我的应用程序中。我按照文档中指定的步骤进行操作

1. 安装 react-Native-perspective-image-cropper 和 react-native-svg 并链接它们
2. 下载opencv框架并将其添加到ios项目中

但我不断收到错误

“未找到 opencv2/opencv.hpp' 文件”

任何人都遇到过同样的错误并可以提供帮助？