Compose NestedScrollConnection 을 이용한 딜허브 화면 구현

본 글은 Android Compose에서 NestedScrollConnection을 커스텀하여 독특한 UI 인터랙션을 구현하는 방법을 다룹니다. 특히, 스크롤과 탭이 유기적으로 연동되는 딜허브 화면 구현 사례를 통해 NestedScrollConnection의 활용법을 상세히 설명합니다.

딜허브 화면은 여러 탭과 각 탭 내의 수직 스크롤 가능한 리스트를 포함하며, 스크롤에 따라 상단 탭 영역이 접히는(collapsing) 인터랙션을 가집니다. 이를 구현하기 위해 Tab과 HorizontalPager를 조합하고, NestedScrollConnection을 커스텀하여 원하는 스크롤 동작을 만들어내는 과정을 공유합니다.

이를 통해 기존 스크롤 패턴으로는 구현하기 어려운 개성 있는 UI를 Compose로 구현하는 방법을 배울 수 있습니다.