问题标签 [react-native-image]

我的应用程序中有一个使用图像作为背景的组件。该组件是一个聊天屏幕，用户可以在其中查看以前的消息并发送新消息。该组件连接到 redux 存储。组件在高层次上看起来像这样

每次用户键入任何内容时，都会重新呈现聊天屏幕组件。有时，用户报告在输入和在屏幕上看到输入的字符时出现延迟。我在想是否是因为Image每次用户键入内容时都会重新渲染，如果将Messagesand提取TextInput到一个单独的组件中并将其连接到 redux 存储，这样Image就不会重新渲染当用户打字时。

如果它不会影响性能，我不想进行此更改，并且我没有确定的方法来衡量该更改是否影响了性能，因为滞后是非常间歇性的。

如果您认为这会影响组件的性能，请告诉我。

我的减速机：

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

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

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

我正在使用库 react-native-svg：https ://github.com/react-native-community/react-native-svg来剪辑具有自定义形状的图像。

这是我的代码：

这是我提到的示例：https://github.com/react-native-community/react-native-svg#image用于图像部分（注意：在 SVG 标签下，native-react-svg 自定义图像标签使用）但它只支持本地图像。

我试图深入挖掘，发现它使用了一个可能只帮助它加载本地图像的resolveAssetSource函数。我无法修复它。

任何人都知道可以做些什么来完成这项工作？

我正在尝试通过使用将缩略图与 topLeft 对齐justifyContent: 'flex-start'。但它不起作用。下面是我的代码。

我也尝试将其添加justifyContent: 'flex-start'到缩略图中，style但没有运气。

如何使缩略图出现在左上角而不是中心？

谢谢。

我想在 ActionSheet 按钮中显示带有标题的图像，如下所示：

我正在使用的代码是

有没有办法设置文本样式或添加图像？

像这样使用Image组件时遇到了一些麻烦

DEBUG模式没有任何麻烦。但是，如果我将其更改为 RELEASE 模型。它无法加载带有 DNG 的图片，但 JPG 仍然可以。我不知道如何解决它。

我react-native-ImagePicker用于从手机中选择视频。所以我使用了下面的代码，

这里的问题是我可以录制/选择视频，我无法在<View>. 我搜索了许多网站，几乎花了 5 个小时，但仍然无法找到解决方案。有人可以帮助/澄清我吗？此 git_hub站点的代码参考。

我已经在现有应用程序中集成了本机反应，这没有问题。在我的反应代码中添加了本地图像，它在 Android 中正常工作，但在 iOS 中没有显示（模拟器和设备都没有）。这是我的代码

谁能建议我在这里做错了什么。似乎反应可以找到图像，因为它没有显示任何错误但没有显示任何图像，而是一个红色边框框。

我为 Image 组件制作了一个纯组件包装器。上传图片时，会更改 this.props.source.uri 属性，应该更新图片。但走一走大约需要1分钟。我已经使用了 onLoadStart、onLoadEnd 和 onProgress 方法来查看发生了什么。onLoadStart() 会立即触发，但 onProgress 需要 40 多秒才能开始显示任何进度。为什么会这样？我使用的图像尺寸小于 1mb 并在 2.3 秒内上传。

我正在尝试在本机反应中创建一个旋转的地球动画。我的方法是有两个组件，第一个是一个圆形容器，它将充当地球。第二个将是地球的孩子，将是地球的背景图像，将在视图中滚动。

我能够让背景图像在全球范围内滚动，它看起来相当不错。

我希望背景图像与地球容器具有相同的高度，但我希望它更宽，以便它不断地在地球上滚动，创建一个旋转的地球动画。我目前遇到的问题是宽度被切断，因此当图像滚动时，它只是滚动的初始视图，而图像的其余部分已经丢失。

我尝试了各种方法，例如使用图像 resizeModes、硬编码高度和宽度值，以及将高度和宽度设置为未定义。

这是我最成功的尝试的渲染：

这是输出的屏幕截图：

有人对此有想法吗？