问题标签 [imagebackground]

我希望能够使用 Image 或 ImageBackground 对图像进行底部对齐，但这样做没有成功。

其他尝试包括负上边距和填充。

我也弄乱了纵横比，但这需要更精确的数字，我不需要那种精确度。

绝对和底部的包含没有任何效果，我可以告诉...基本上我想模仿background-position: center bottom;CSS 中的效果。
我不介意图像是否水平裁剪，只是图像底部与容器底部对齐。

我无法确定这在 React-Native 中是否可行，因此确认该理论将构成正确答案。

一如既往地非常感谢任何和所有方向，所以提前致谢！

我想为我的反应本机应用程序中的所有屏幕设置背景图像，

我在组件树的顶层使用 ImageBackground 组件，如下所示：

我有子组件，它是来自 react-navigation 的路由器，如下所示：

问题是背景图像正在被渲染，但子组件 LandingPage 被隐藏，即使它也在被渲染！

我创建了一个 Wallpaper.js 我的背景图片在哪里。但是，它没有在我的模拟器上全屏显示。

我的墙纸.js

我在登录页面中将此壁纸称为：

结果是顶部的空白区域。为什么不是全屏？

谢谢

更新：这是我AppNavigator的问题，如果我删除它，它会显示背景。我如何使用ImageBackground我的AppNavigator：

我有一张图片，我尝试在其中放置一些文字。

为此，我使用 ImageBackground 来拥有图像的子元素。

然而，图像在小型设备上被缩小，如果可能的话，全尺寸

当我将文本居中时，它会在整个图像比例之后居中（在您可以看到整个图像的大屏幕上，它居中 - 在小屏幕上它的偏移，因为某些图像被裁剪以适合。

我想将背景图像平方，例如

高度：200，宽度：200，

但我也想根据显示大小更改大小，例如：

宽度：Dimensions.get('window').width / 2.5 高度：'auto'

我怎样才能做到这一点？

将高度设置为“自动”不起作用。我也玩过 resizeMode

这是样式道具：

我想要一个背景图像，它占据所有屏幕并在我滚动时保持静止。

我在 React Native 项目中有这个组件：

它正在包装另一个组件，它具有这种风格：

当我上下滚动时，它会随着屏幕移动： GIF 链接

在这里你可以看到它是如何随着滚动而移动的。

我需要它保持静态占用屏幕的大小，滚动时不移动也不移动我的 FAB（它是 Native Base 的 FAB，它有帮助......）有什么提示吗？

我注意到，当我运行react-native应用程序时，我使用标签设置为背景的图像会<ImageBackground>延迟近 2 秒加载，即使它们不是重图像（~100K）并且它们存储在本地。

我也读过这个答案，但它并没有解决我的问题。

这是我插入图像作为背景的简单代码：

我正在尝试定位一个类似于您使用网络的 backgroundPosition: top 的图像。意思是，如果图像的尺寸大于我应用于图像的样式的高度和宽度，那么它将确保显示的图像部分从顶部开始。

我试图在 React Native 中做到这一点，但没有运气弄清楚。其他 StackOverflow 问题指向绝对定位 ImageBackground，但我没有任何运气。

到目前为止，这是我正在使用的内容：

我不需要填充文本，如果可以在没有 ImageBackground 的情况下做到这一点，那也很棒。

我是新来的本地人，在学习本地文档时，我被 ImageBackground 的使用困住了。我的代码在下面给出，帮助将不胜感激。它工作正常，但是当我开始使用导航器功能时，它无法正常工作。请提出解决此问题的最佳解决方案。

一切都很好，它没有显示背景图像