Ioni c: обновление не работает в приложении домашнего экрана iOS, работает в браузере - PullRequest
Новая
       91

Ioni c: обновление не работает в приложении домашнего экрана iOS, работает в браузере

1 голос
/ 06 мая 2020

Я создаю PWA с помощью Ioni c, и в моем приложении есть ion-refresher: 

<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="refresh()">
    <ion-refresher-content pullingIcon="lines"></ion-refresher-content>
  </ion-refresher>
...
</ion-content>

На моем iPhone в браузере программа обновления работает нормально (я может потянуть вниз экран, и он перезагрузит страницу). Однако, когда я добавляю приложение на домашний экран, оно перестает работать.

Есть идеи? Вот пакеты, которые я использую: 

  "dependencies": {
    "@angular/animations": "^9.0.0",
    "@angular/cdk": "^9.2.0",
    "@angular/common": "~9.1.0",
    "@angular/core": "~9.1.0",
    "@angular/fire": "^6.0.0",
    "@angular/forms": "~9.1.0",
    "@angular/platform-browser": "~9.1.0",
    "@angular/platform-browser-dynamic": "~9.1.0",
    "@angular/router": "~9.1.0",
    "@angular/service-worker": "~9.1.0",
    "@capacitor/core": "^2.0.2",
    "@ionic-native/core": "^5.0.7",
    "@ionic-native/splash-screen": "^5.0.0",
    "@ionic-native/status-bar": "^5.0.0",
    "@ionic/angular": "^5.0.0",
    "@types/gapi": "0.0.39",
    "@types/gapi.auth2": "0.0.51",
    "@types/gapi.client.drive": "^3.0.4",
    "@types/node": "^13.11.1",
    "bootstrap": "^4.4.1",
    "chart.js": "^2.9.3",
    "chartjs-plugin-datalabels": "^0.7.0",
    "cordova-ios": "5.1.1",
    "core-js": "^2.5.4",
    "decimal.js-light": "^2.5.0",
    "firebase": "^7.13.2",
    "ng2-charts": "^2.3.0",
    "rxjs": "~6.5.1",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },

1 Ответ

0 голосов
/ 29 июня 2020

У меня была такая же проблема, для меня трюк заключался в том, что мне не хватало 

viewport-fit=cover

из мета "viewport" 

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"/>
...