← Füllen Sie "repoName" und "repoURL" für die automatische Installationsschaltfläche aus →
Installieren Sie diese Theme-Komponente
Hallo
Es fehlt eine Funktion bei iOS PWAs, sie enthalten kein ‘Pull to Refresh’, sodass Sie die PWA schließen und neu öffnen müssen, um neu zu laden. Diese Theme-Komponente versucht, diese Lücke mit einer ‘Pull to Refresh’-Funktion zu füllen. Ich habe dies auf Chat-Seiten deaktiviert, da dies in Kanälen nicht sicher funktioniert. Der Aktivierungspunkt ist der #main-outlet, sodass ein Herunterziehen unterhalb des Headers am oberen Rand der Seite den Lader auslöst.
Wenn Sie nach unten ziehen, erscheint er kontinuierlich und wenn Sie den Bereitschaftspunkt erreichen, beginnt er langsam mit einem Highlight-Effekt zu drehen. Wenn Sie loslassen, dreht er sich schneller und wir behalten den Lader während des Neuladens am oberen Rand der Seite bei.
Es enthält einige Theme-Einstellungen, um den Lader anzupassen.
Es funktioniert auch mit DiscourseHub Das ist großartig.
Ich muss 2-3 Sekunden herunterziehen, und das ist ein bisschen lang, aber ich weiß nicht, ob das von i-devices oder der Komponente kommt. Aber keine große Sache.
Wenn Sie es schnell ziehen, wird es sofort aktualisiert. Wenn Sie es jedoch mit relativ langsamer Geschwindigkeit ziehen, wird zuerst die Pfeilspitze gerendert, gefolgt vom Ladekreis. Ich vermute, dass die Verzögerung zwischen der Pfeilspitze und dem Ladekreis für ein besseres Feedback und zur Vermeidung unnötiger Auslöser beabsichtigt ist. Bitte korrigieren Sie mich, wenn ich falsch liege, @Don.
So sieht es jetzt aus. Ich versuche, etwas Ähnliches wie den Standard-Safari-Loader zu machen. Wenn du nach unten ziehst, erscheint er kontinuierlich, und wenn du den Bereitschaftspunkt erreichst, beginnt er sich langsam mit einem Highlight-Effekt zu drehen. Wenn du loslässt, beginnt er sich schneller zu drehen, und wir behalten den Loader oben auf der Seite, bevor er tatsächlich die Seite neu lädt, wird der Loader ausgeblendet.
Das ist eine so dumme Frage, und vielleicht sollte ich glücklich sein, aber warum sehe ich keine Art von Ladeeffekt? Nun, ich sehe nicht einmal Discourse’s – außer hier Meta manchmal, wenn ich PWA benutze. Zu guter Internetverbindung?
Sicher, aber nein. Im Moment tut diese Komponente nichts. Das iPad macht ab und zu seltsamere Dinge mit PWAs. Ein Neustart hilft. PWAs sind im Moment etwas problematisch, und es wurde nach dem neuesten iPadOS schlimmer. Aber jetzt hat auch das Booten nicht geholfen.
Kann ich zurückgehen und wenn ja, wie?
Und dieses „Nicht-Aktualisieren“ begann nach dem gestrigen Update der Komponente, nehme ich an. Ich habe es aber nicht überprüft. Es kann aber auch Zufall sein und das eigentliche Problem ist das Betriebssystem.
Das iPhone funktioniert aber. Es zeigt zuerst diesen… ich erinnere mich nicht an seinen Namen auf Englisch… nach unten gerichteten Pfeil und dann einen Spinner. Das ist auf dem iPad nie passiert, aber der Bildschirm ging nach unten und als er losgelassen wurde, wurde das Forum aktualisiert.
Wenn ich das Thema ändere, wird es aktualisiert – ich sehe dieses sehr kurze Aufblitzen. Aber ein zweites Mal nicht. Wenn ich wieder ein Thema ändere, funktioniert es einmal, aber nicht zweimal.
Ja, ich sehe, das liegt wahrscheinlich daran, dass ich den Stil nur für die mobile Ansicht angewendet habe und dein iPad sich in der Desktop-Ansicht befindet. Ich werde das mit dem Update beheben. Ich denke, wir können die Pfeile und den Spinner durch einen neuen Safari-Stil-Loader ersetzen.
Bei welchem Thema funktioniert die Komponente nicht?
Alle davon sind gleich. Und nein, ich glaube nicht, dass es ein Konflikt zwischen Komponenten ist, weil es dasselbe tut, also nichts außer einmal, selbst wenn es das einzige ist, das verwendet wird.
Plugins sind etwas anderes, keine Ahnung.
Ich erinnere mich nie, dass das iPad kein Mobilgerät ist.
Ich habe die Komponente mit dem neuen Safari-Style-Loader aktualisiert. Sie sollte jetzt auch auf dem iPad besser funktionieren. Tatsächlich hat das iPad eine Fußzeilen-Navigation oben, die sie versteckt hat. Das habe ich vergessen.
Dies ist nur der Name davon, denn auf dem iPhone befindet er sich unten, aber auf dem iPad befindet er sich oben. Technisch gesehen ist es also eine obere Navigation auf dem iPad, aber aus Gewohnheit nenne ich es Fußzeilennavigation.
Ich überlege nur, ob wir das automatische Nachladen hinzufügen sollen, wenn man nach unten zieht, um die Bereitschaftsposition zu erreichen, oder ob wir das Nachladen beibehalten sollen, wenn man loslässt? Möglicherweise gibt es damit Konflikte, ich habe es noch nicht getestet. Der Safari-Loader dreht sich einmal und dann werden nur die Linien hervorgehoben. Das können wir nicht machen, da die Linien-Hervorhebungsanimation während des Nachladens stoppt. Aber das Drehen kann auch zu dieser Zeit laufen. Wir können den Lader also in den Ladezustand versetzen. Vielleicht ist es besser, es so zu belassen, jetzt hat es schöne flüssige CSS-Animationen, die während des Nachladens laufen können und nicht genau die gleichen wie der Safari-Loader sind, aber irgendwie ähnlich… was war übrigens das Ziel