스크롤 위치로 돌아가는 뒤로 버튼 추가하기

안녕하세요,

앱 내비게이션 관련해서 도움이 필요합니다. 현재 작업 중인 플로우가 다음과 같습니다:

  1. 사용자가 홈 화면(첨부 이미지: “home”)을 아래로 스크롤하여 최신 토픽의 제목을 읽습니다.
  2. 특정 토픽(첨부 이미지: “Bear hugs gone too far”)을 클릭하면 토픽 상세 화면(첨부 이미지: “topic screen”)으로 이동하며, 여기서 전체 텍스트와 답변을 읽을 수 있습니다.
  3. 문제점: 사용자가 홈 화면에서 스크롤하던 동일한 위치로 돌아가 토픽을 계속 볼 수 있도록 하는 “뒤로” 버튼이 없습니다.

홈 화면에서 사용자가 있던 정확한 스크롤 위치로 되돌아가게 하는 버튼을 어떻게 추가할 수 있을까요?

제안해 주시면 감사하겠습니다!

왼쪽에서 오른쪽으로 스와이프하세요.

그렇게 해봤는데 작동하지 않아요. 그래도 감사합니다, @merefield !

메타에서도 잘 작동합니다

나도 좀 혼란스럽긴 한데, 브라우저에 뒤로 가기 버튼이 없나요? 방금 아이폰에서 Safari와 Chrome으로 테스트해 봤는데, 뒤로 가기 버튼을 누르면 토픽 목록 페이지에서 있던 위치로 바로 돌아갑니다. (위에서 Robert가 언급했던 것처럼) 왼쪽으로 스와이프하면 뒤로 가고, 오른쪽으로 스와이프하면 앞으로 가는데 이 기능도 잘 작동합니다. :thinking: hub 앱에도 뒤로 가기/앞으로 가기 버튼과 스와이프 기능이 있습니다.

전체적인 맥락을 설명드리지 못한 점 죄송합니다: 제 담론 공동체가 모바일 앱에 내장되어 있습니다… 그래서 뒤로 가기 버튼이 없고 스와이프가 작동하지 않는 걸까요?

문제가 바로 그거군요 :slight_smile:

게다가 (적어도 Android에서는) PWA에 대한 네이티브 지원이 뛰어나서 굳이 필요도 없어요 (Apple에서 넘어온 이유 중 하나이기도 하고, Apple은 개선이 느리거든요)

Discourse는 기본적으로 PWA를 지원합니다 :rocket:

사이트를 설치하면 됩니다.

안녕하세요, @cristo!

정말 임베드 방식으로 구현하고 싶으시다면, 이 컴포넌트가 도움이 될 수도 있습니다.

다만, 스크롤 위치로 되돌아가는지는 확실하지 않습니다.

@NateDhaliwal 정말 감사합니다!!

도움이 많이 됐습니다! 다만 혹시 고칠 수 있는 한 가지 디테일이 있습니다.

아래로 스크롤하면 뒤로 가기 버튼이 사라집니다(첨부된 영상을 참고해 주세요)… 스크롤해도 항상 보이도록 화면 상단에 고정/플로팅 상태로 유지할 수 있을까요?

안녕하세요. 이 컴포넌트를 제가 관리하지 않기 때문에, 해당 컴포넌트의 토픽에서 직접 요청을 해주시기 바랍니다. 감사합니다!

죄송합니다. 안드로이드 앱에 대해 잘 알지 못하지만, 이게 뒤로 가기 버튼이 아닌가요?

그들은 컴포넌트의 뒤로가기 버튼에 대해 말한 것 같습니다.

이 버튼은 어색하고 불필요할 것입니다.

결국, Discourse에서 기본적으로 지원되는 스와이프 백 기능이 앱에서 동작하지 않도록 막고 있는 앱 자체의 문제가 있습니다.

저는 여러 앱을 앱 스토어와 플레이 스토어에 배포해 본 적이 있으며(그중 어느 앱에서도 이러한 문제가 발생하지 않았습니다), 예산이 있으시다면 근본 원인을 조사해 드리겠습니다.

네, 맞습니다. 하지만 사용자가 해당 버튼을 클릭하면 앱이 뒤로가기로 이동하는 대신 종료(백그라운드로 전환)됩니다.

@cristo 이 기존 TC를 한번 시도해 보고 의견을 알려주실 수 있을까요…

방금 iPhone 15 Pro Max에서 테스트해 봤는데, Safari에서는 backforward 버튼이 표시되지 않고, Chrome에서는 버튼은 보이지만 작동하지 않습니다 :cry:

모바일 앱(임베디드 웹뷰)에서 시도해 보았지만 작동하지 않았습니다.

뒤로/앞으로 버튼은 표시되지만, 클릭해도 아무 반응이 없습니다.

확인해 주셔서 감사합니다. 추가로 발견한 디자인 아이디어나 예시가 있다면 공유해 주세요.