离子/电容器闪烁屏幕和刷新不工作答案

【问题标题】：Ionic / Capacitor flickering screen and refresher not working离子/电容器闪烁屏幕和刷新不工作
【发布时间】：2021-03-11 14:11:05
【问题描述】：

我正在开发一个应用程序，它在 android 中 100% 运行。在 IOS 中我有 2 个问题：

刷新器不起作用
触摸屏幕时有闪烁（可能与背景有关？我阅读了一些有关此的旧帖子）

离子内容.背景{ --background: url(/bg.png) 0 0/100% 100% 不重复； }

我不认为它与这个问题有关，但我正在使用 vuejs。

我在各种桌面浏览器中进行了测试，效果也很好。

【问题讨论】：

如果您在 Safari 中运行您的应用程序，它的行为是否相同？
Mac 中的 safari 一切正常，iPhone 中的 safari 与应用程序相同，但问题相同
所以这可能是刷新组件的问题。您使用的是什么版本的离子和电容器？如果您使用的是 cli，则可以运行 ionic info。
Ionic Framework : @ionic/vue 5.6.0 @capacitor/core : 2.4.7 顺便说一句，我在 IOS Safari 浏览器的本地网络上尝试过，同样的问题。我在文档中注意到了这一点：“使用 iOS 原生 ion-refresher 需要将 ion-refresher-content 上的 pullIcon 属性设置为可用微调器之一的值”，因此它不能像文档中那样为空白？跨度>
pullingIcon="arrow-down" stackoverflow.com/questions/65159372/…

【解决方案1】：

所以，我们这里有两件事，我感谢 @johnborges 跟进

使用 iOS 原生的 ion-refresher 需要设置 pullIcon ion-refresher-content 上的属性为可用值之一微调器。有关可接受的值，请参阅 Spinner 文档。这 pullIcon 默认为 iOS 上的线条微调器。微调器刻度当用户在页面上下拉时，标记将逐渐显示。

闪烁，基于此链接from stackoverflow 我添加了一个 CSS DIV 元素而不是设置 ion-content 样式。有效。我不得不做一个 secodn CSS 技巧，因为我的一个页面有整页幻灯片和填充，但在那之后它就起作用了

【讨论】：