文档: https://ionicframework.com/docs/theming/rtl-support/
我想知道为什么这个变量$app-direction: rtl;
/src/theme/variables.scss
不起作用/没有影响?
ionic --version
3.6.0
UI 是相同的,无论有没有它。
根据文档,他们指出$app方向是在./node_modules/ionic-angular/themes/ionic.globals.scss
文件中的某个地方设置的。 至少对我来说 - 没有这样的变量...据我所知 - 我使用的是最新版本没有?
AFAIK,该$app-direction: rtl;
应放置在variables.scss
文件中,变量唯一要做的就是
启用对 RTL 语言的支持
和
这还有一个额外的好处,那就是还可以使生成的CSS保持更小。
但它不会使您的应用程序成为 RTL。如果您想更改应用的布局以使其成为 RTL,就像您在文档中看到的那样:
我们建议使用应用的索引.html文件已具有正确的目录 属性值集,例如
<html dir="ltr">
或<html dir="rtl">
。
如果你的场景中需要动态更改它,则可以使用Platform
中的setDir(dir, updateDocument)
方法,如下所示:
private setProperAligment(): void {
if (this.selectedLanguage.rtl) {
this.platform.setDir('rtl', true);
// ...
} else {
this.platform.setDir('ltr', true);
// ...
}
}