问题标签 [react-native-image]

在我的 React Native 项目文件夹中，我有保存组件的 src 文件，还有一些我想在 iOS 和 Android 上使用的图像。如果我使用这个：

然后图像完美加载。但是，图像标签中的来源将在用户拍照时动态创建。这段代码：

不起作用。没有抛出错误，但没有显示图像。我确定我走在正确的轨道上，因为当我用道具 ( <Image style={{ width: 200, height: 200 }} source={{ uri: this.props.image }} />) 替换源时，它将返回相机拍摄并使用相同代码存储在设备上的图像，但对于静态图像，它不会发生。建议？

我有组件层次结构

Component1 和 Component2 有一些高度。

现在如何在全屏显示图像，嵌套在 3 个组件中，每个组件都有一定的高度，而不管其父组件的高度如何？

如果我将图像作为 flex:1，它只会在 Component3 的 flexbox 中调整自身，而我想全屏显示图像。

目前我的图像风格是：

并且调整大小模式设置为“覆盖”

它的容器（Component3）样式：

我正在按照 React 本机文档中描述的步骤进行操作

https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

但是，当我尝试将组件图像与我的 android 资产中的图像一起使用时，它没有显示。

https://facebook.github.io/react-native/docs/images.html#images-from-hybrid-app-s-resources

有人将 React Native 应用程序集成到 Android 应用程序中并使用 Assets 中的图像吗？

我试过了

和

两种情况都失败了。

我在渲染函数中有这一行，当我运行代码时，我在这一行得到一个错误 Unexpected token。如何解决这个问题？图像 cat.jpeg 与当前组件位于同一文件夹中。

这是完整的代码：

我指的是图像require，我想从精灵图像中裁剪图标。

{uri: 'url-to-image', crop: {left: 10, top: 50, width: 20, height: 40}} 我在这里看到如何在 react-native 中裁剪图像。怎么办require？

如何更改 ios 的主题或默认背景颜色。它与我的背景图像冲突。我想将其设置为透明.. 谢谢

你好世界，

我试图裁剪图像，如React-native Doc上的解释

但它不起作用，图像没有被裁剪。

任何想法？

我有一个显示大量图像的 React Native 应用程序，例如，它在结构上与 Instagram 非常相似，具有包含大量图像的帖子的时间线、包含用户列表的多个选项卡、当前用户的个人资料等。

我的问题是，在 iOS 模拟器或设备上运行时，在时间轴上滚动了一下，切换到其他一些选项卡等后，图像开始消失（它们都有灰色背景，仅此而已） .

我认为这是某种内存管理的事情，但我不确定如何处理这个问题。我已经搜索了 SO 问题并在其他各种网站上搜索信息，但找不到与此问题相关的任何内容。我想当它再次可见时我需要以某种方式刷新图像组件？

任何帮助将不胜感激！

我正在尝试使用以下 uri 加载这些特定图像：https://image.tmdb.org/t/p/w500/zkXnKIwX5pYorKJp2fjFSfNyKT0.jpg https://image.tmdb.org/t/p/w500/bbxtz5V0vvnTDA2qWbiiRC77Ok9 .jpg

onError 事件引发以下错误： 错误解码图像数据

图像在 safari 和 chrome 中正确加载。有什么想法可能是错的吗？我该如何调试这个进一步？其他图像正在正确加载，但这些特定图像会引发这些错误。

RN 0.41 平台：iOS

我试图显示来自本地文件的图像，所以我尝试这样做

我的容器组件似乎得到了高度和宽度，但图像没有加载。所以我试试这个

它工作得非常好，不幸的是，据我所知，如果我想先操作地址文件并将其存储到变量中，我不能使用这个实现。例子：

其中 data.image = 'img_src/BTI.jpg'。我尝试在android studio中删除我的android模拟器上的所有数据，但结果仍然相同。难道我做错了什么？有更好的实现吗？

非常感谢 ：）