Agregar un botón de volver para regresar a la posición desplazada

Hola a todos,

Necesito ayuda con la navegación en mi aplicación. Este es el flujo en el que estoy trabajando:

  1. El usuario se desplaza hacia abajo en la pantalla de inicio (imagen adjunta: “home”), leyendo los títulos de los últimos temas.
  2. Cuando hacen clic en un tema específico (imagen adjunta: “Bear hugs gone too far”), se les lleva a la pantalla de detalles del tema (imagen adjunta: “topic screen”), donde pueden leer el texto completo y las respuestas.
  3. El problema: no hay un botón “atrás” que permita al usuario volver al mismo punto de desplazamiento en la pantalla de inicio para continuar navegando por los temas.

¿Cómo puedo añadir un botón para devolver al usuario a la posición exacta de desplazamiento en la que se encontraba en la pantalla de inicio?

¡Gracias de antemano por cualquier sugerencia!



Desliza hacia la derecha desde el lado izquierdo.

1 me gusta

Intenté eso pero no funciona. ¡Gracias de todos modos, @merefield!

Funciona aquí en Meta también

1 me gusta

Llámame confundido, pero ¿tu navegador no tiene un botón de retroceso? Acabo de probar en mi iPhone en Safari y Chrome y los botones de retroceso me llevan de vuelta a donde estaba en la página de la lista de temas. El deslizar hacia la izquierda y hacia la derecha para retroceder y avanzar respectivamente (como lo mencionó Robert anteriormente) también funciona. :thinking: La aplicación hub también tiene botones de retroceso y avance y deslizamiento.

3 Me gusta

Disculpa por no darte el contexto completo: mi comunidad de discurso está integrada en nuestra aplicación móvil… ¿quizás por eso no hay botón de retroceso y el deslizamiento no funciona?

2 Me gusta

Así que ese es tu problema :slight_smile:

Bastante innecesario también (al menos en Android), ya que tiene un excelente soporte para PWA de forma nativa (una de las razones por las que cambié de Apple y su lentitud).

Discourse es una PWA lista para usar :rocket:

Simplemente instala el sitio web.

3 Me gusta

¡Hola @cristo!
Si realmente quieres incrustarlo, ¿quizás este componente te ayude?

Aunque no estoy seguro de si vuelve a la posición desplazada.

4 Me gusta

@NateDhaliwal ¡muchas gracias!

¡Sí, ayudó! Solo hay un detalle que quizás sepas cómo arreglar.

El botón de retroceso desaparece cuando te desplazas hacia abajo (por favor, mira el video adjunto)… ¿es posible tener el botón de retroceso fijo/flotante en la parte superior de la pantalla para que permanezca visible incluso al desplazarse?

Hola. Como no controlo este componente, tendrás que hacer esta solicitud en el tema del componente. ¡Gracias!

1 me gusta

Lo siento, no conozco bien las aplicaciones de Android, pero ¿esto no es un botón de retroceso?

Creo que se referían al botón de retroceso del componente.

1 me gusta

Este botón será torpe e innecesario.

Al final, hay algo mal en la aplicación que impide el deslizamiento hacia atrás, que es nativo de Discourse y debería ser compatible con la aplicación.

He implementado varias aplicaciones en la App Store y Play Store (ninguna de las cuales tuvo este problema).

Si tienes presupuesto, puedo echar un vistazo a la causa raíz por ti.

1 me gusta

Sí, lo es. Pero cuando los usuarios hacen clic en ese botón, la aplicación se cierra (va a segundo plano) en lugar de retroceder.

@cristo ¿podrías probar este TC existente y darme tu opinión…

1 me gusta

Lo acabo de probar en el iPhone 15 Pro Max: los botones atrás y adelante no aparecen en Safari, y aparecen en Chrome pero no funcionan :cry:

1 me gusta

Lo probé en nuestra aplicación móvil (webview incrustada) y no funcionó.

Los botones de atrás y adelante sí aparecen, pero no sucede nada cuando hago clic en ellos.

Gracias por revisarlo y por favor publica cualquier idea de diseño adicional o ejemplos que encuentres.

1 me gusta