[Android] Nested(중첩) ViewPager2 이슈를 해결해보자 with NestedScorllableHost

중첩 ViewPager2 이슈

• 바텀 네비게이션을 ViewPager2와 연동시킴
• 전체 뷰페이저 내에 ViewPager2를 더 달았음
• 외부 ViewPager2는 스크롤이 되는데 내부 ViewPager2는 스크롤이 안됨

Google's Solution: NestedScrollableHost

• 개발자 공식문서에 가보면 다음과 같은 내용이 있다

  방향이 동일한 ViewPager2 객체 내의 스크롤 뷰를 지원하려면 중첩된 요소 스크롤이 예상되는 경우 ViewPager2 객체의 requestDisallowInterceptTouchEvent()를 호출해야 합니다.

  ViewPager2 중첩 스크롤 샘플은 다목적 맞춤 래퍼 레이아웃을 사용하여 이 문제를 해결하는 한 가지 방법을 보여줍니다.

따라서 다음과 같이 내부 ViewPager2를 감싸면 내부 ViewPager2와 외부 ViewPager2에서 모두 동일 방향 스크롤을 지원한다.

적용화면

출처

• 나를 알아가는 질문 다이어리, BeMe