Falta una función en las PWA de iOS, no contienen ‘pull to refresh’, por lo que si quieres recargar tienes que cerrar la PWA y volver a abrirla. Este componente de tema intenta llenar este vacío con una función de ‘pull to refresh’. He desactivado esto en las páginas de chat porque no funciona de forma segura en los canales… El punto de activación es el #main-outlet, por lo que si tiras hacia abajo debajo del encabezado en la parte superior de la página, se activará el cargador.
Cuando tiras hacia abajo, aparecerá continuamente y cuando llegues al punto de preparación, comenzará a girar lentamente con un efecto de resaltado. Cuando lo sueltas, comenzará a girar más rápido y mantendremos el cargador en la parte superior de la página durante la recarga.
Contiene algunas configuraciones de tema para personalizar el cargador.
Tengo que tirar hacia abajo 2-3 segundos, y eso es un poco largo, pero no sé si eso viene de los i-dispositivos o del componente. No es gran cosa, sin embargo.
Cuando lo jalas rápidamente, se actualiza inmediatamente. Pero cuando lo jalas a una velocidad relativamente más lenta, primero aparece el chevrón y luego el indicador de carga. Supongo que el retraso entre el chevrón y el indicador de carga es intencional para una mejor retroalimentación y para evitar activaciones innecesarias. Por favor, corrígeme si me equivoco, @Don.
Así es como se ve ahora. Intento algo similar al cargador predeterminado de Safari. Cuando tiras hacia abajo, aparece continuamente y cuando alcanzas el punto de preparación, comienza a girar lentamente con un efecto de resaltado. Cuando lo sueltas, comenzará a girar más rápido y mantendremos el cargador en la parte superior de la página, antes de que realmente comience a recargar la página, ocultará el cargador.
Esta es una pregunta tan estúpida, y tal vez debería estar feliz, pero ¿por qué no veo ningún tipo de efecto de carga? Bueno, ni siquiera veo el de Discourse, excepto aquí en Meta a veces cuando uso PWA. ¿Servicio de internet demasiado bueno?
Claro, pero no. En este momento, este componente no hace nada. El iPad hace cosas más extrañas con las PWA de vez en cuando. Reiniciar ayuda. Las PWA son un poco problemáticas en este momento, y empeoraron después de la última versión de iPadOS. Pero ahora, ni siquiera reiniciar ayudó.
¿Puedo volver atrás y, si es así, cómo?
Y esa “no actualización” comenzó después de la actualización de ayer del componente, supongo. Sin embargo, no lo comprobé. Pero también podría ser una coincidencia y el problema real es el sistema operativo.
El iPhone funciona, sin embargo. Muestra primero esa… no recuerdo su nombre en inglés… flecha hacia abajo y luego un spinner. Eso nunca sucedió en el iPad, pero la pantalla bajó y, al soltarla, actualizó el foro.
Sí, veo que esto probablemente se deba a que solo apliqué el estilo a la vista móvil y tu iPad está en vista de escritorio. Lo arreglaré con la actualización. Creo que podemos reemplazar las flechas y el spinner con un nuevo cargador estilo Safari.
Todos son iguales. Y no, no creo que sea un conflicto entre componentes, porque hace lo mismo, es decir, nada excepto una vez, incluso cuando es el único en uso.
He actualizado el componente con el nuevo cargador de estilo Safari. Debería funcionar mejor en iPad ahora también. En realidad, el iPad tiene una barra de navegación inferior en la parte superior que lo ocultaba. Me olvidé de eso.
Este es solo el nombre porque en iPhone está abajo, pero en iPad está arriba. Así que técnicamente es una navegación superior en iPad, pero la llamo barra de navegación inferior por costumbre.
Solo estoy pensando si deberíamos agregar la recarga automática cuando tiras hacia abajo a la posición lista o mantener la recarga cuando la sueltas. Tal vez haya algunos conflictos con eso, aún no lo he probado. El cargador de Safari gira una vez y luego solo se resaltan las líneas. No podemos hacer esto porque la animación de resaltado de línea se detiene durante la recarga. Pero el giro también puede ocurrir en ese momento. Así que podemos poner el cargador en estado de carga. Quizás sea mejor dejarlo así, ahora tiene agradables animaciones CSS fluidas que pueden ejecutarse durante la recarga y no son exactamente iguales al cargador de Safari, pero sí algo similares… ¿cuál era el objetivo, por cierto?
Eso es genial.
