问题标签 [imagebackground]

在我的 react-native expo 应用程序中，我有一个在所有屏幕上都占据全高和全宽的背景图像，我想在背景图像上方放置一个线性渐变，但它不起作用，图像总是出现在渐变上方，这里是编码：

我想在我的 react-native 应用程序中应用渐变背景图像，因此ImageBackground我没有将每个组件都放入其中，而是app.js将所有屏幕都包裹在它下面。但只有背景图像可见，背面图像上看不到其他内容。这是我的 app.js

这是 AppNavigator

这是 MainStackNavigator：

这是我的第一个屏幕登机：

有人能告诉我我在做什么错吗？我尝试了几件事，但没有任何效果。:( PS：当我<OnBoarding/>直接ImageBackground在 app.js 下调用时，它可以工作！

嗨，大家好...

上下文我正在使用 Expo (30.0.1) 使用 react-native 应用程序 (SDK-30)，我需要在其中构建垂直方向的项目列表。我使用负责在屏幕上绘制项目的 FlatList，但在 FlastList 下，我有一个渲染图像类型 Map Game Vertical 的。

需要我需要将每个项目按顺序放置在道路图像上方。

尝试的解决方案

- 对每个项目进行绝对定位，并连续放置负值和正值，因此第一个项目将在左侧，下一个项目将在右侧。

- 将每个项目直接放在指定位置，不要使用 FlatList。

问题

先前解决方案的问题是每个位置都根据设备大小而变化。

附加信息

- 使用具有特定尺寸的 .jpg

- 由于这个原因，我需要放置大约 200 个项目，我使用一个 FlatList 来呈现 20 个项目的片段，每个片段都有一个图像。

你有解决的办法吗？

我正在使用 React Native 中的ImageBackground组件。但是，无论我选择哪种样式，总是会显示相同的错误消息。代码如下所示：

}

此处的错误图像

React-Native 版本：react-native-cli：2.0.1 react-native：0.55.4

关于这可能发生的任何想法？

我正在构建一个制作邀请卡的应用程序，我正在使用 ImageBackground 制作卡片，然后对其中的内容进行样式设置，但是我遇到了不同屏幕尺寸和分辨率的问题，我的代码如下：

它在 Iphone 6 上运行良好

但是在 Iphone x、8 plus 和 android 设备上，视图会发生变化，并且背景图像从上方和左侧都有一些边距，尽管我使用了尺寸，所以我可以获得屏幕的高度和宽度，所以我可以设置相应地查看但没有工作，所以在这种情况下最好的做法是什么，以便所有设备上的视图都相同。

我正在为我的应用程序制作自定义抽屉导航。在我使用背景图像的地方（它不会占用全部空间），在背景图像上我使用的是另一个图像。之后，我必须在背景图片下方显示一些内容。

这是我为抽屉导航制作的组件。我不确定这是否是正确的方法。您可以通过将此代码粘贴到 expo 应用程序中来获得即时结果。

获得这种结果的更好方法是什么。这可以给我的文本留出与背景图像下方一样多的余量吗

我正在使用 react native 构建一个应用程序，我想用这样的重复调整大小模式来实现背景图像。

款式：

在 iOS 上它可以完美运行。但是当我打开 Android 时，它看起来像这样：

我究竟做错了什么？

当我从状态调用源时，ImageBackground 不显示图像。

我尝试使用条件语句，例如起初可触摸的不透明度，但不能再次工作。

在模拟器上，我可以看到像 1 2 3 .. 这样的文本，但没有图像。

我给了一个 ImageBackground 组件，我希望它占据整个屏幕，但即使我调整图像大小两倍或更多，它似乎也有小填充。它来自哪里？

我正在尝试使用覆盖设备整个屏幕的单个 ImageBackground 元素创建“平铺”背景。我的问题是，即使 ImageElement 覆盖整个屏幕，如附加图像上的红色边框所示，内部图像仅覆盖整个宽度并垂直留下空白区域。我检查了文档，但找不到任何相关内容。这是我的组件

及其造型

}

谢谢您的帮助。