[IOS] 기본 뒤로가기 스와이프시 레이아웃 깨짐

[okinawaa]

좋은 라이브러리 제공해주셔서 감사합니다.

https://stackflow-example-nextjs-git-preload-plugin-karrot.vercel.app/

위 데모 페이지에서 IOS환경에서 살펴보았는데요, app bar 좌측에 존재하는 화살표 버튼이 아닌, IOS기본 좌측에서 우측으로 스와이프 하는 액션을 취하면 레이아웃이 뒤틀리면서 깨지는 현상이 발생합니다.

KakaoTalk_Video_2023-03-15-00-48-45.mp4

아마 Activity를 POP하는 과정에서 꼬이는것 같은데 Known Issue 일까요?
https://stackflow.so/ 최상단 데모 버전에서도 같은 이슈가 발생하는것을 보면 nextjs이여서 발생한 이슈는 아닌 것 같습니다.

[irrationnelle]

안녕하세요! 먼저 이슈 등록 감사드려요!

해당 이슈는 iOS 사파리가 기본적으로 제공하는 스와이프 애니메이션과, stackflow 의 basic-ui 가 자체적으로 제공하는 스와이프 애니메이션이 중첩되서 발생하는 이슈로 known issue 에요.

그래서 웹뷰에서도 네이티브 구현에 따라 스와이프 애니메이션이 들어가는 화면으로 돌아가는 경우 유사한 애니메이션 중첩이 발생하고 있어요.

이슈와 관련하여 좀 더 논의 해보고 다시 또 피드백 드릴게요~!

[tonyfromundefined]

• Stackflow 는 모바일 웹을 작성하는데 최적화된 Framework는 아닙니다. 대신 모바일 웹뷰 환경이나 하이브리드 앱 환경에 알맞게 쓰일 수 있습니다.
• 가장 이상적으로는 iOS 클라이언트 내의 WKWebView(모바일 웹뷰)에서 Swipe Back Behavior을 Disable 한 채로 Stackflow를 얹어서 사용하는 것이 알맞습니다.

[okinawaa]

두분 빠른 답변 감사해요.

플랫폼별로 다르게 구현해야할수도 있겠네요.

가장 이상적으로는 iOS 클라이언트 내의 WKWebView(모바일 웹뷰)에서 Swipe Back Behavior을 Disable 한 채로 Stackflow를 얹어서 사용하는 것이 알맞습니다.

이상적인 해결 가이드라인도 제공해주셔서 감사해요.😄