Как я могу прочитать переменную CSS в NativeScript, используя JavaScript

Question

Я использую CSS Переменные в моем приложении NativeScript- Vue, как описано в официальной документации . Я ищу способ прочитать значение переменной, используя JavaScript. Поскольку реального движка браузера не существует, установленный способ не работает.

Answer 1

Не так много документации, но на самом деле есть метод, упомянутый в документации API: Style.getCssVariable(name). Используя этот метод, вы можете читать CSS Переменные, определенные в app.[s]css следующим образом:

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

Я бы ожидал, что это также будет работать на this.$el, но по некоторым причинам, это будет только вернуть null в моей настройке, хотя переменные находятся в глобальной области видимости и доступны в стиле того же компонента. Может быть, кто-то еще может уточнить, почему это так.