问题标签 [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 投票
1 回答
382 浏览

react-native - ImageBackground 组件 react-native 的问题

返回 renderRow 时,我遇到了 Image Background 组件的问题。

我收到以下错误:不变违规:元素类型无效——需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。,但是如果我删除 ImageBackground 组件或放置一个 Image 组件(里面没有文本),如果它显示正常内容,它只会在放置 ImageBackground 组件时给我错误,有什么解决方案吗?我需要在视图中放置一个背景图像及其各自的文本,非常感谢..

0 投票
1 回答
210 浏览

react-native - react-native 加载了一些图像,其他没有

环境

  • 反应原生 0.60

发生什么了:

我有一个组件,它使用<ImageBackground>.

如果我将应用程序捆绑为debugRelease,它就像一个魅力,并且显示每个按钮的所有图像。如果我将应用程序捆绑为releaseBundle,则缺少 7 个图像中的 4 个(所有时间都是相同的图像)。

我试过的

所以按钮 1 不工作,按钮 2 - 4 工作,按钮 5 - 7 甚至不工作。可以肯定的是,图像文件没有损坏,我用新名称复制了按钮 2 的图像,并用这个替换了图像 1。无论如何,图像都没有显示!

所以我启动了 Android Studio 并在 debug-APK 和 release-APS 中打开了 apk 来检查里面的文件。结果如下: 在此处输入图像描述

您是否有任何线索,为什么只有一些图像文件没有以正确的方式捆绑到 Release-APK 中(即使该文件spenden.jpg是上述工作kontakt.jpg文件的副本)?

这是我实现它的方式:

0 投票
1 回答
1790 浏览

react-native - React-Native ImageBackground 重复不起作用

我开始学习react-native,遇到了一个问题。我需要一张图片在背景中重复,但它被拉伸了。似乎 resizeMode 不起作用。

0 投票
1 回答
815 浏览

php - 从 remove.bg api 返回响应

我想使用https://remove.bg api 从他们的文档中删除图像背景,因为我不熟悉 curl 这里是我想出的

但它返回的是空的身体;请你帮帮我或指出我哪里做错了。

0 投票
1 回答
47 浏览

react-native - 使图像适合有边界的半径视图组件反应原生

当前用户界面: 图片 1

预期的用户界面:图 2

问题是如何在 react native 中使图像适合有边界的半径视图组件?

0 投票
1 回答
29 浏览

react-native - ReactNative 中整个应用程序的背景图像

在 React Native 中,我们有 ImageBackground 组件,它将在控制器中显示背景图像。我想为所有控制器使用相同的背景图像。有没有办法可以为整个应用程序设置背景图像,而不是在所有控制器中编写它?

0 投票
2 回答
628 浏览

css - React Native:如何使 ImageBackground 中的 View 具有 100% 的宽度但具有水平填充?

我的 React Native 应用程序中有以下屏幕: 在此处输入图像描述

蓝黑白底是ImageBackgrounda,中间的绿条是a View。代码是:

我希望15px在 green 的左右边缘有填充View。如果是ImageBackgroundView我会在其中添加15px填充,但是当它是时ImageBackground,会导致:

在此处输入图像描述

相反,如果我添加margin: 15px到 green View,我会得到:

在此处输入图像描述

我应该如何处理这个,让它看起来像这样?

在此处输入图像描述

0 投票
1 回答
31 浏览

reactjs - 在 RN 的 ImageBackground 中设置大小等于使用的图像

我正在使用 React Native 中的 ImageBackground 并且正在使用背景。我想使用背景的大小来设置元素的大小。

谢谢!

0 投票
0 回答
80 浏览

javascript - React Native - 如何设置包含在 ImageBackground 中的 View 的样式,以便 View 保持包含在 ImageBackground 中?

我正在构建一个简单的 bughouse(4 人国际象棋)游戏作为我的第一个 React Native 应用程序,我对样式问题有点困惑。渲染ImageBackground包含 a 的 时会出现此问题,其中包含(棋盘)View的网格。Views使用此问题之后列出的代码时,视图不包含在屏幕中(请参见下面的屏幕截图)。如何设置View包含在一个中的样式,ImageBackground以便View保持包含在中ImageBackground

截屏

我已经尝试了我能想到的一切,但没有任何帮助。我怀疑这个问题与ImageBackground未正确设置的尺寸有关,实际上超出了屏幕边缘。当我注释掉width: Dimensions.get('screen').width,instyles.board中的行时,BoardView.js图像ImageBackground也填满了同样太大的空间。

这是意见/Game.js:

这是组件/BoardView.js:

这是组件/Pieces.js:

我如何设置样式以使View保持包含在ImageBackground?非常感谢您的帮助!

0 投票
2 回答
766 浏览

react-native - 如何在 Material Top Tab Navigator 中为屏幕添加静态背景图像?

我用 react-navigation 中的 createMaterialTopTabNavigator 创建了两个选项卡。我喜欢为两个选项卡设置一个背景图像。

在此处输入图像描述 在此处输入图像描述

当前的行为是,当我从 tab1 滑动到 tab2 时,图像也会过渡,但我喜欢在从 tab1 过渡到 tab2 时使背景图像保持静态,并且在滑动时只有选项卡的内容才能过渡。我尝试将 TabNavigator 包装在 ImageBackground 组件中,但这没有用。