问题标签 [imagebackground]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
14 回答
148895 浏览

javascript - 如何使用 ImageBackground 为 react-native 中的屏幕设置背景图像

当我在 react-native 中使用时,它会警告说不推荐使用与孩子一起使用,并且将来会出错。取而代之的是用户。

所以,如果我使用它不会给出我正在使用的预期结果

这是我为使用而编写的代码

样式代码是

预期结果:使用 <Image> 时得到 结果使用 <ImageBackground>

0 投票
4 回答
56116 浏览

javascript - React-Native:更改 ImageBackground 的不透明度颜色

我一直在尝试开发下面提到的屏幕:

为此,我创建了以下组件:

现在有两个问题:

  1. 改变不透明度ImageBackground也改变其孩子的不透明度
  2. 无法更改不透明度的颜色

任何帮助表示赞赏!

设计画面:

在此处输入图像描述

显影画面

在此处输入图像描述

0 投票
1 回答
8347 浏览

react-native - React-Native 不显示背景图片

我正在尝试在 React-Native 中设置背景图像,但它没有出现在我的屏幕上。但是,里面的文字<ImageBackground></ImageBackground>正在显示。这是我的代码:

下面是我的目录结构。你可以看到bg.png存在。 在此处输入图像描述

这是我得到的输出。 在此处输入图像描述

这是我的 bg.png 在此处输入图像描述

我找不到这有什么问题。一切似乎都很好,而且我没有收到任何错误消息。请帮忙

0 投票
0 回答
35 浏览

react-native - ImageBackground 一直在孩子面前渲染

由于某些愚蠢的原因,下面的代码不断渲染 TextInput,然后是 ImageBackground,所以背景总是覆盖孩子:

我必须对宽度/高度进行硬编码以使背景图像正确渲染……否则由于某种原因它只给了我图像的一部分。也许这就是造成麻烦的原因?

谢谢!

0 投票
0 回答
81 浏览

reactjs - 我的元素没有相应地移动到 onPanResponderMove

我成功地使用了 panResponder 并移动了图像内的元素,但它没有根据鼠标移动,它太快并且不会停留在图像边框中。

**状态 x 和状态 y 是数组的长度。我添加了一个按钮,每次单击它都会打开另一个 inputText 并将其推送到数组

DragTextView.js:

0 投票
1 回答
737 浏览

android - React native - 顶部有一些静态内容的滑动背景图像

ImageBackground 拍摄一张图片,我能够添加具有图片和一些文本的子视图。但是,我想要的是像旋转图像一样的背景工作,而子视图保持原样反应本机。有没有办法做到这一点?

我现在拥有的:

我不想在背景中有一张图像,而是想要旋转/滑动图像。有人可以帮忙吗?

0 投票
1 回答
386 浏览

ios - React Native BackgroundImage 不显示所需的 GIF - iOS

是否可以在带有 React-Native 的 iOS 上显示带有 - source={require(...)} 的动画 GIF?

以下示例不起作用:

此示例有效:

我将使用带有“require”的 ImageBackground 在 IOS 上显示动画 GIF。一切都在 Android 上运行。

我希望有一个人可以帮助我。

0 投票
0 回答
1788 浏览

image - React Native 背景图像 - 覆盖和垂直对齐到顶部

我正在寻找一种在 React Native 中添加背景图像的方法,该图像的样式与 HTML 相同:

我正在使用ImageBackgroundresizeMode="cover"但图像垂直对齐到中间,我无法让它对齐到顶部。是否有允许在 React Native 中设置垂直对齐/位置的道具?

resizeMode="strech"不适用于我的情况,因为背景图像包含不得扭曲的徽标。

图像尺寸为 1242 x 2436,即使在 iPhone X 上也可以全高覆盖。徽标位于图像顶部的 1/6 处,必须始终可见,底部可以根据设备高度和方向隐藏,图像必须始终是屏幕的全宽。

0 投票
0 回答
587 浏览

javascript - 在 React Native 中使图像可滚动

我正在使用 react native (expo) 创建一个应用程序,我需要在滚动视图中显示一个非常高的图像,其中后退按钮始终悬停在顶部。

超高图像(用紫色表示)和悬停的返回按钮 超高图像(用紫色表示)和悬停的返回按钮

我的目标是能够垂直滚动以查看图像的其余部分(由视口剪辑),其中后退按钮保持在固定位置。我在 ScrollView 中使用 ImageBackground 来托管图像和后退按钮。

通过上述实现,即使图像全屏显示,我也无法根据需要滚动图像。非常感谢这方面的任何帮助!

0 投票
1 回答
907 浏览

android - react-native 图像缓存 android

所以我有一个 fetch() 调用返回一个在以下代码中标记为数据的背景 url。该 url 是用户上传的图像,并调用我的后端以获取上传的图像。

在我使用 jpeg 文件 (37 kb) 进行此调用后,除了我上传的第一个 jpeg 之外,它不会显示任何其他文件。我尝试过不同大小的 png 和 jpeg 文件。

android上是否有某种类型的图像缓存被激活并且不允许下载另一个图像????

我的 ImageBackground 标记如下: