问题标签 [react-native-stylesheet]

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 投票
2 回答
1593 浏览

reactjs - React Native EStyleSheet 如何应用多种样式

我是 React Native EStyleSheet库的新手。我发现它真的很酷,但我想不通的一件事是,如何将多种样式应用于单个元素,就像我过去对常规样式所做的那样style={{...styles.style1, ...styles.style2}}

0 投票
0 回答
181 浏览

react-native - 更新整个应用程序中的全局变量以响应本机

我想在应用程序中实现夜间模式。所以我正在尝试在夜间模式关闭和打开时更新状态和全局变量。但是现在它只使用更新状态来更新当前屏幕。

所以问题是如何创建一个反映整个应用程序中夜间模式变化的全局变量?意味着更新全局变量并将其反映到每个屏幕,而无需重新加载应用程序。

如果有任何替代方案,也请建议我。

0 投票
2 回答
5440 浏览

css - 如何在 react-native 中将 View 组件左右对齐

我正在使用 react-native 构建一个跨平台的移动应用程序。我正在实现一个在 Accordion 中显示数据的功能。我希望数据在 Accordion Header 和 Accordion Body 中左右对齐,但我无法实现。

这是我的代码-

如果您看到标题“名称”和“城市”,这些是标题,我将在其下方显示值。但是现在所有东西都被堆叠并对齐到左边。我希望“其他保险公司”及其值显示在屏幕左侧,“其他被保险人”及其值显示在屏幕右侧。

我正在使用的 CSS -

截图 ![![![![![在此处输入图像描述 - 有人可以建议我如何优雅地处理这个问题。提前致谢。

0 投票
1 回答
382 浏览

react-native - React Native 中的默认操作系统样式

我从 React Native 开始,我想知道是否可以为每个元素应用默认 OS 样式,所以我不需要处理每个元素样式,所以想象一下我有一个用于 iOS 应用程序的表单和简单文本列表它应该具有 iOS 表单和文本样式,对于 Android 应用程序,它应该具有默认样式。

据我所知,没有关于此承诺的官方文档,但我想在这里询问是否有解决方法。

0 投票
2 回答
920 浏览

react-native - React Native 自定义按钮样式问题

我正在通过 TouchableOpacity 设计自定义按钮以响应本机。到目前为止,我已经尝试了不同的样式方法,但没有得到所需的设计。下面提到的是我试图解决的问题。

结果:

输出图像

我想像这样设置我的反应原生按钮

在此处输入图像描述

0 投票
1 回答
188 浏览

react-native - 文本不包含在 React Native 组件中

所以我正在使用 Flatlist,我使用数组中的数据,并将其显示在我的屏幕上。这就是我要说的。

在此处输入图像描述

我希望我的输出与红色框中显示的一样。

这是我的代码。

0 投票
1 回答
523 浏览

react-native - React Native - 边框样式的显示不一致:'dashed'

尝试使用

或任何borderWidth与我的某些元素上的深色轮廓不一致的地方。

这是一个已知的错误?

iOS 上的边框显示

0 投票
0 回答
1156 浏览

react-native - 如何调整 ImageBackground 组件中的背景位置(React Native)?

我有一个像这样的图像作为资产seats.png(180 x 36 px)每个“座位”都是一个 36x36 px 的图像:

这是我的形象

我的代码:

如何使我可以显示红色座位、黄色座位或紫色座位,只需调整图像偏移量,如 HTML/CSS 中的背景位置?上面的代码只显示一个绿色座位。

PS:我搜索了 React-native GitHub 页面,我不敢相信这个问题被标记为已关闭,开发人员没有解决方案。因此,如果将来可能有解决方案,我将打开此线程。https://github.com/facebook/react-native/issues/12347

0 投票
1 回答
283 浏览

css - React Native - 当期望它们换行到第二行时,如何将两个文本组件水平居中?

这篇文章非常接近,但我确实有不同的情况:How to Horizo​​ntally Center React Native Flexbox Text that Wraps across Multiple Lines

我正在尝试像这样设置我的文本样式:在此处输入图像描述为了让两种不同的文本样式像我读到的那样换行到第二行,我必须将它们中的两个包裹在一个<Text>容器中,如下所示:

这有效,并让第二个文本组件包裹在第一个文本组件下。但是,它拒绝将自己水平居中于第二行。我尝试在更大的组件容器周围添加另一个容器,<text>但也没有找到任何成功。我能够使它工作的唯一方法是创建 3 个单独的文本组件,一个用于黄色文本,第二个用于第一行的“你好吗”,最后一个用于“今天的感觉?” 在我能够水平居中的第二行上。这是一种糟糕的做事方式,我确信有正确的方式,但对于我的生活,我找不到它。

任何帮助将不胜感激!

0 投票
1 回答
102 浏览

javascript - EStyleSheet 媒体查询和窗口调整大小

我正在使用 React Native Extended StyleSheet 为 WINDOWS 构建 React Native 应用程序。当我使用媒体查询时,我会得到应用程序启动时的查询,但是我需要它是动态的。当我调整我的应用程序窗口的大小时,我看不到我的样式会根据我创建的规则发生相应的变化。所有规则都有效,但窗口调整大小不会触发任何规则。

有没有人有解决方案?