Низкая производительность на Ionic4 / Angular7 (модальная, ионная кнопка) - PullRequest
Новая
       21

Низкая производительность на Ionic4 / Angular7 (модальная, ионная кнопка)

1 голос
/ 17 апреля 2019

Я использую Ionic 4 / Angular7 с angular / material для создания моего приложения.Однако я сталкиваюсь с проблемой низкой производительности моего реального устройства (Samgsung C5).

Настройка моей страницы - это Home.page, содержащая headerCompontent, и использование кнопки (modalCtrl) для вызова Filter.page изheaderCompontent.

  1. Ионная кнопка

Я использую этот компонент для создания кнопки фильтра с такой иконкой 

<ion-buttons slot="end" (tap)="show()">
    <ion-button fill="clear">
        <i class="fa fa-cog " aria-hidden="true"></i>
    </ion-button>
</ion-buttons>

Когда кнопка нажата, будет показан эффект пульсации, и эффект пульсации будет медленным и запаздывающим.Я пытался использовать (click), но это то же самое.

2.ion-Modal

У меня есть страница фильтра, и я пытаюсь использовать modalCtrl, чтобы вызвать ее, как показано ниже 

let modal = await this.modalCtrl.create({
  component: FilterPage,
  cssClass: "filter animated zoomIn fastest",
  backdropDismiss: true,
  showBackdrop: true,
  animated: false
})
await modal.present();

Модальный фильтр не является полноэкранным модальным, нона модальном боксе и используя эффект ZoomIn Animation.css, он очень плавный в локальном браузере, но когда я пробую его на реальном устройстве, эффект ZoomIn очень медленный в первый раз при вызове, это похоже на использование 2-3 кадра для завершениявся анимация.Тем не менее, после первого вызова он становится намного более плавным, но все же отличается от браузера.

Я использовал флаг --prod и Capacitor для сборки apk.Любое предложение, чтобы улучшить это?как предварительная загрузка страницы FilterModal?

Вот мой ionic info

ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.2.0
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.4.1

Capacitor:

   capacitor (Capacitor CLI) : 1.0.0-beta.19
   @capacitor/core           : 1.0.0-beta.19

Cordova:

   cordova (Cordova CLI) : 7.1.0
   Cordova Platforms     : none
   Cordova Plugins       : no whitelisted plugins (5 plugins total)

System:

   Android SDK Tools : 26.1.1 (/Users/gary/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v8.11.4 (/usr/local/bin/node)
   npm               : 6.9.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.1 Build version 10B61

ОБНОВЛЕНИЕ

Я пытался собрать и запустить на IPhone,проблем нет, анимация быстрая и плавная.Тем не менее, я попытался использовать другой телефон Android для проверки того же самого, он все еще получал медленную анимацию при первом вызове и после этого становился более плавным.

Оба телефона Android работают на Android 8 и используют Chrome WebView.

...