iOS应用的下拉刷新

主题组件
,
1
:information_source: 摘要 为 iOS 应用添加“下拉刷新”功能
:eyeglasses: 预览 https://discourse.theme-creator.io/theme/Don/pull-to-refresh
:hammer_and_wrench: 代码库 GitHub - VaperinaDEV/pull-to-refresh-for-ios-app: This theme component is adds 'pull to refresh' function to iOS App...
:question: 安装指南 如何安装主题或主题组件
:open_book: 首次使用 Discourse 主题？ Discourse 主题使用入门指南

Install this theme component

你好 :wave:

iOS PWA 缺少一项功能，它不包含“下拉刷新”，因此如果您想重新加载，必须关闭 PWA 并重新打开。此主题组件尝试通过“下拉刷新”功能来填补这一空白。我在聊天页面禁用了此功能，因为它在频道中无法安全运行……激活点是 #main-outlet，因此如果您在页面顶部的标题下方向下拉，它将触发加载器。

当您向下拉时，它会持续出现，当您达到就绪点时，它会以高亮效果缓慢旋转。当您释放时，它会旋转得更快，并且在重新加载期间我们会将加载器保留在页面顶部。

它包含一些主题设置来自定义加载器。

Screenshot 2024-12-22 at 13.20.09
Screenshot 2024-12-22 at 13.20.09837×177 4.84 KB

感谢大家在此主题中测试了它在较新设备上的表现 :hugs:

待办事项：

  • 尝试重现 Safari 的默认加载器或类似的东西。 :white_check_mark:
  • 找到一种在重新加载期间保留加载器的方法 :white_check_mark:
    • 使用 CSS 动画而不是 Javascript 来在重新加载期间保留加载器
12 个赞
2

它也适用于 DiscourseHub :flushed_face: 太棒了。

我必须下拉 2-3 秒，这有点长，但不知道这是否来自 i-devices 或组件。不过问题不大。

3 个赞
3

当你快速下拉时，它会立即刷新。但当你以相对较慢的速度下拉时，会先显示箭头，然后是加载微调器。我猜箭头和加载微调器之间的延迟是故意的，以提供更好的反馈并避免不必要的触发。如果我错了，请纠正我，@Don。

3 个赞
4

你好 :waving_hand:

现在看起来是这样的。我尝试做一些类似默认 Safari 加载器的东西。当你向下拉时，它会持续出现，当你到达就绪点时，它会以高亮效果开始缓慢旋转。当你释放时，它会开始更快地旋转，并且我们会将加载器保留在页面顶部，在它实际开始重新加载页面之前，它会隐藏加载器。

1 个赞
5

这个问题太愚蠢了，也许我应该感到高兴，但我为什么看不到任何加载效果？嗯，我甚至看不到 Discourse 的——除了在这里 Meta 有时当我使用 PWA 时。太棒了 :joy: 网路服务？

1 个赞
6

您指的是什么？
This 还没有完成。您能否分享一个屏幕录像，展示您在重新加载时在您的网站上看到的内容？

1 个赞
7

当然，但不行。目前此组件没有任何作用。iPad 偶尔会用 PWA 做些奇怪的事情。重启会有帮助。PWA 目前有点麻烦，在最新的 iPadOS 更新后情况变得更糟。但现在重启也无济于事。

我能恢复到以前的版本吗？如果可以，该怎么做？

而且，我猜那个“未更新”是在昨天组件更新后开始的。不过我没检查过。但这可能只是巧合，真正的问题在于操作系统。

不过 iPhone 可以正常工作。它会先显示那个……我不记得英文名字了……向下箭头，然后是旋转图标。这在 iPad 上从未发生过，但屏幕会向下滚动，释放后就会更新论坛。

8

如果我更改主题，它会更新——我看到了非常短暂的闪烁。但第二次不行。当我再次更改主题时，它会工作一次，但不会两次。

真的很奇怪。

9

是的，我看到这可能是因为我只将样式应用于移动视图，而您的 iPad 处于桌面视图。我将在更新中修复此问题。我认为我们可以用新的 Safari 样式加载器替换箭头和旋转器。

该组件在哪个主题下无法正常工作？

10

它们都一样。而且，我不认为这是组件之间的冲突，因为它做的都是一样的事情，也就是说，除了有一次之外，什么都没做，即使它是在唯一使用的组件。

插件是另一回事，我不知道。

我不记得 iPad 不是移动设备。

11

我已经用新的 Safari 样式加载器更新了该组件。它现在在 iPad 上也能更好地工作。实际上 iPad 在顶部有一个页脚导航，它隐藏了它。我忘了这一点。:smile:

1 个赞
12

一如既往的棒。运行正常，现在语言切换更方便了。谢谢！

页脚导航在顶部——这听起来……太有逻辑了😳

1 个赞
13

这只是它的名称，因为在 iPhone 上它在底部，但在 iPad 上它在顶部。所以技术上来说，它在 iPad 上是顶部导航，但我习惯性地称之为底部导航。:sweat_smile:

14

我只是在想，我们是否应该在下拉到准备位置时添加自动重新加载，还是在释放时保留重新加载？也许这会有一些冲突，我还没有测试过。Safari 加载器旋转一次，然后只有线条高亮显示。我们不能这样做，因为线条高亮动画在重新加载期间会停止。但是旋转也可以在那时运行。所以我们可以将加载器置于加载状态。也许最好保持原样，现在它有漂亮的流畅 CSS 动画，可以在重新加载期间运行，并且不完全像 Safari 加载器，但有点相似……顺便问一下，目标是什么 :thinking: