ionic-framework - 使用 Ionic 的移动辅助功能不起作用

Question

我正在尝试使用电容器制作一个简单的 Ionic 应用程序，我的 home.page.html 中有一个标题

<h1>Hello, World</h1>

在我的 .scss 文件中，我将字体大小设置为 20px。当我在我的设备上的设置中将字体大小从“大”更改为“小”时，我的应用程序中的字体大小当然会发生变化，我试图禁用它，这是我的 app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { MobileAccessibility } from '@ionic-native/mobile-accessibility/ngx';

@NgModule({
    declarations: [AppComponent],
    entryComponents: [],
    imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule],
    providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, MobileAccessibility],
    bootstrap: [AppComponent],
})

export class AppModule {
    constructor(private mobileAccessibility: MobileAccessibility) {
        this.mobileAccessibility.usePreferredTextZoom(false);
        this.mobileAccessibility.setTextZoom(10);
    }
}

请让我知道我做错了什么，因为文档很旧而且很不清楚。

Answer 1

试试v4 ionic

declare var window: any;

和

getTextZoomCallback(textZoom) { // is my function callback
  console.log('Current text zoom = ’ + textZoom + ‘%’)
}

调用初始化

window.MobileAccessibility.getTextZoom(this.getTextZoomCallback);

非常成功!!