问题标签 [react-native-image]

来自 reactjs 我期待图像组件上的“alt”属性将显示文本以防图像无法加载。我在这里阅读了文档，我发现最接近的是 on error 事件。

React Native 图像组件中是否有等于 alt 的属性？如果我没有 alt 属性，用默认文本替换图像的最简单方法是什么？

react-native-image：如何解决图像组件在使用 expo 的 react native for android 中无法在 android 上运行的问题？我正在尝试使用以下代码：

这段代码在网站上运行良好，但不知何故在我的安卓手机上不起作用。

在我的应用程序中，我想在用户点击标记时显示标注。我读到在标注中显示图像存在问题，很多人建议将图像放在<Text>组件[1 , 2 , 3]中。对于较小的图像/图标，此解决方案有效，但我想再显示一个“更大”的图像，这是一个效果：

我不知道为什么这张图片有这个“上边距”以及为什么它被切成两半。我尝试了很多改变这种风格的方法，Image但resizeMode没有任何效果。我在标注中的其他图像 - 就像底部的这个图标 - 有同样的问题，但是在放置帮助的组件中添加了更大的尺寸，一切看起来都很好。我在这张大图上尝试了这个解决方案，但它不起作用。

我将不胜感激任何帮助和建议。

他是Callout组件代码：

这是使用代码：

请帮帮我。我想通过滚动视图水平显示来自 API 的数据，但我不知道我做错了什么。每张卡片的数据都是水平显示的。

谢谢

我想从 url 中检索图像，并将其插入到View适应容器大小的容器中。

这是expo我试图做到的地方。
https://snack.expo.io/Hk1rsfaHU

您如何看到有 3 列具有相同的宽度（flex 1），第一列是图像。

我希望它Image包含在 中View，使宽度适应容器并保持正确的纵横比。

有什么建议么？

当前行为

在反应导航 v4 中，我使用了这段代码并且工作得很好。它确实调整了我的徽标图像 (300x80) 以完美适合并缩放到我的 80 像素标题中。

现在迁移到 v5 后，它不再扩展。就像“resizeMode”停止工作一样。

预期行为

我希望我的图像能够正确包含和缩放。就像在 v4 中一样：

如何重现

将图像添加到 headerTitle 并尝试 resizeMode。

你的环境

• 安卓 9
  • @react-navigation/native 5.2.2
  • @反应导航/堆栈 5.2.3
  • 反应原生手势处理程序 1.6.1
  • react-native-safe-area-context 0.7.3
  • 反应原生屏幕 2.4.0
  • 反应原生 0.61.5
  • 节点 12.6.1

我有以下图像，我想在我的 React Native 应用程序中作为标题：

我希望我的所有文本都<ScrollView>流到该标题后面。我已经能够使用以下代码做到这一点：

这看起来像这样：

左侧的绿色条定义了标题的高度。问题在于<BackgroundImage>，即使我已经指定了resizeMode: cover.

我想知道的：

如何使背景图像水平压缩以适合屏幕？

在我的 React Native 应用程序中，我有一个高度为 300 的红色框，我想垂直居中，以及一个我想坐在这个红色框内部和顶部的图像。到目前为止，这是我的代码：

这是这样的：

红框是我提到的外框，黑框只是Image. 问题是这个黑盒子（即Image）扩展以垂直填充红色盒子，并且图像在这个黑盒子内垂直居中，所以它在红色盒子内垂直居中，而不是在flex-start我想要它的位置. 我已经尝试添加justifyContent: flex-startandflexShrink: 1并且Image两者都没有改变。

有谁知道我该如何解决这个问题？

笔记：

如果我删除height: 100%on Image，我会得到：

更新：

澄清一下，这就是我希望它看起来的样子。我已经删除了这里的黑色边框。我通过添加将它移到我想要的位置top: -95，但这通常不起作用，因为不同设备的值会有所不同：

我想根据从 API 调用获得的状态加载图像。例如，如果 API 给我'1'，我想加载1.png. 不幸的是，我收到了上述错误。

这是我的代码

我正在尝试在 FlatList 中显示带有圆形边框的图像。但是，我使用的是 flex，所以我不知道要放入borderRadius 的绝对值。这是我尝试过的：

它不起作用，因为 Hooks 只能在功能组件的主体内部调用。

任何想法？