问题标签 [react-native-image]

<Image>我想在我的组件中添加一个带有图标的“编辑”按钮。以下是我<View>包含图像的代码。

如果我能做到这一点会更好，而不用<ListItem>替换<Image>

我想从 react-native-elements 设置一张卡片，它有一张图片和卡片的标题。我希望图像占据视图中可用的整个宽度并调整高度以保持纵横比。所以基本上我既没有高度也没有宽度。

据我了解，图像组件需要高度/宽度道具。但是设置它不会使其响应。我用 flex 尝试了一些东西，但它不起作用

图片未显示

我有一个应用程序，它显示了我从 API 加载的多个图像。现在的问题是某些图像已过期，这导致 Android 出现问题，在 Android 中，一旦过期图像加载到屏幕上，屏幕就会开始滞后。

我试过用onError={() => this.imgRefs[img_unique_id].setNativeProps({src: [{uri: this.state.workingUri}]})}这种方法替换图像源，但它不起作用。我不能使用本地状态，因为它没有将输出保存在本地状态。

我试过下面的代码

上面的代码给了我一个未定义的 setNativeProps 错误，如果我不在 android 上使用 onError，它会显示内存泄漏错误。

我正在使用react-native-photos-framework创建用户定义的相册并将资产创建到设备原生图库中。

在我的应用程序中，我为用户提供了用户定义的专辑创建功能。为此，我正在显示一个带有输入字段的简单模式，用户可以在其中输入专辑名称以及“确定”和“取消”按钮。

我想要的是 ？
我希望当用户在输入字段中键入专辑名称后单击“确定”按钮时，应在图库中创建一个键入的专辑，并且默认情况下应将一个图像（位于我的本地目录中）添加到该专辑中。

这是我使用的代码：

如您所见，我首先创建的是在画廊中成功创建的专辑，但资产并未复制到该专辑中。它给了我这个错误：

找不到图像文件：//Users/vision/Library/Developer/CoreSimulator/Devices/E5AA1780-A55C-4C67-95A5-222E4AS3PA23/data/Containers/Bundle/Application/5E37FAF5-15DD-483B-3BD6-C311C587SD8/CameraApp .app/../assets/imgs/logo.png

我也习惯于require()获取图像 uri，如下所示：

但随后应用程序将崩溃。

这是我的项目结构：

请帮助我如何使用 react-native-photos-framework 创建本地静态图像资产。我是新来的反应本地人！

我有一个 json 文件

在我的组件中，我使用名为 default_image 的数据设置了一个名为 profile_image 的状态，但是当我这样使用它时，它会引发错误。

我已经给出了宽度和高度，但它仍然会引发错误。我什至尝试了所有这些可能的格式，但没有成功。

在我的项目中，我正在使用react-native-photos-framework检索画廊的相册，这给了我画廊的相册。然后使用那些专辑对象，我正在获取该特定专辑的图像，该专辑返回资产数组。这些资产包含uri如下所示：

“照片：//C5E8291B-09C6-2231-856D-989D929392FA2/L0/001”

如何获取该图像的 base64 字符串。

我尝试使用react-native-image-base64和react-native-fs但都没有工作。

这是我使用的代码react-native-image-base64：

但是，这给了我以下错误：

NSNull 类型的 JSON 值 '' 无法转换为 NSString

这是使用的代码react-native-fs：

上面的代码给了我这个错误：

“ENOENT：没有这样的文件或目录，打开 'photos://C5E8291B-09C6-2231-856D-989D929392FA2/L0/001'”

请帮我解决一下！！！

我的代码如下所示：

相关样式如下所示：

问题是（方形）图像无法缩放以适应容器内部（注释掉的边框是为了确保容器在我认为它们所在的位置，并且尺寸正确 - 它们是）。

我已经看到了有关此的各种问题 - 有些涉及远程图像，而不是这里的情况。其他建议：

• 将 resizeMode 设置为 Image 元素的道具。

• 将 resizeMode 设置为样式。

• 使用样式中的宽度为“未定义”执行上述任一操作。

• 使用样式中的宽度为“自动”执行上述任一操作。

没有任何区别，唯一有效的是专门设置宽度和高度，如上面的代码所示。这在较新的（阅读：更大的）iPhone sim 上看起来不错，但会导致图像与 iPhone 5 sim 上的其他内容重叠。

要检查 resizeMode 道具是否有任何效果，我将其设置为“中心”（没有宽度或高度样式）。这更有希望，因为图像现在只比屏幕宽一点。但是，它仍然比视图高得多，这与 resizeMode: center 上的文档相矛盾：

center：将图像在视图中沿两个维度居中。如果图像大于视图，则将其均匀缩小，使其包含在视图中。

尝试将 width=auto/undefined 添加到 resizeMode="center"，会导致图像根本不显示。

logoImageContainer 是一个定义的大小（通过 flexbox 定义），我只希望图像缩放和居中以适合它。

我们的代码在反应本机应用程序中面临图像问题。我们已将图像放入我们的反应本机代码中，并在代码中使用 Image 标签。我们已经将图像的大小 - 高度和宽度设置为 150，比方说。我们的问题是，当我将图像的高度降低到 100 时，它会从顶部和底部裁剪图像。虽然根据我们的需要，我们希望仅从底部裁剪图像。下面是我们编写的代码的示例代码和输出。

例如，我们按照下面的代码放置了一张宽度和高度为 150 的图像，并且我们根据窗口的右侧获取输出。（图片（i））（https://ibb.co/CJjc4SP）

现在，当我们将图像的高度设置为 100 时，它会从顶部和底部裁剪图像。虽然根据我们的需要，我们希望仅从底部裁剪图像。请参考下面的代码片段和相同的输出。（图片（ii））（https://ibb.co/FhZ1gxh）

进一步解释示例，下面的图像 1 是我们在代码中使用的高度为 150 的图像。当我们将其高度降低到 100 时，图像会按照图像 2 从顶部和底部进行裁剪。虽然我们希望输出图像根据图 3 仅从底部裁剪。请参考下面的图像。

原始图像 (1) - ( https://ibb.co/JRzk1T8 )

裁剪输出图像 (2) - 当我们将图像高度从 150 降低到 100 时，图像会根据图像从顶部和底部进行裁剪。-（https://ibb.co/GJkW7PX）

预期输出图像 (3) – 虽然我们希望图像仅从底部裁剪，如上图所示。-（https://ibb.co/jZkdHhw）

我们的项目中有多个图像。所以请相应地给出适当的分辨率。-（https://ibb.co/nPD4JvQ）

在应用减小的尺寸高度时，有什么方法可以仅从底部裁剪图像？或者通过应用任何其他道具或属性？

亲切的问候，乌代

我需要显示带有加载指示器的图像（例如：模糊图像），显示图像正在 UI 中加载。例如）在 facebook 应用程序提要帖子中显示为在从服务器获取之前加载。我需要同样的。

react-native 中的任何建议或任何软件包？

我需要显示视图为灰色的图像。（即）整个屏幕需要显示灰色而不是仅图像上方的背景也需要更改。我正在使用 react-native-fast-image 包