如何使用 JavaScript 在 NativeScript 中读取 CSS 变量

Posted 2023-04-14

【中文标题】如何使用 JavaScript 在 NativeScript 中读取 CSS 变量

【英文标题】：How can I read a CSS Variable in NativeScript using JavaScript

【发布时间】：2020-06-14 17:06:31

【问题描述】：

我在我的 NativeScript-Vue 应用程序中使用 CSS 变量，如 official documentation 中所述。我正在寻找一种使用 javascript 读取变量值的方法。由于没有真正的浏览器引擎，established way 不起作用。

【参考方案1】：

文档不多，但其实API文档中提到了一个方法：Style.getCssVariable(name)。使用这种方法，您可以读取 app.[s]css 中定义的 CSS 变量，如下所示：

const color = this.$root.nativeView.style.getCssVariable('--color-primary')
console.log(color); // e.g. '#FF0000'

我原以为这也适用于this.$el，但由于某种原因，这只会在我的设置中返回null，尽管变量在全局范围内并且以相同组件的样式可用.也许其他人可以澄清一下，为什么会这样。