如何在 nativescript 中使用自定义主题？

问题描述

我目前正在开发一个应用程序，该应用程序可能具有不同的主题，具体取决于客户端，以前此功能是使用 akylas-teme 实现的。

但是我将项目迁移到了 angular 11 和 nativescript 7，所以这个解决方案不再适合我。

我如何执行与以前相同的功能？为每个客户提供动态主题。

如果需要执行解决方案，我会提供更多关于我的项目的信息，非常感谢

解决方法

给你的页面添加一个根类

xml/html：

<Page class="blue-theme">...

js：

changeTheme () {
    page.className = 'red-theme';
}

scss：

@import "~@nativescript/theme/core";
@import "~@nativescript/theme/default";
.blue-theme {
    @import "~@nativescript/theme/blue";
}