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

딜허브 화면 구조 및 문제 인식

• Compose NestedScrollConnection을 커스텀하여 딜허브 화면의 독특한 스크롤 및 탭 인터랙션 구현.
• Tab + HorizontalPager 구조에서 Collapsing Tab의 아이콘 영역 처리와 HorizontalPager 내부 스크롤 연동 문제에 대한 해결책으로 NestedScrollConnection을 제시.

NestedScrollConnection 커스텀 구현

• onPreScroll: 스크롤 업 시 자식 스크롤 전에 부모가 Collapsing을 먼저 처리.
• onPostScroll: 스크롤 다운 시 자식 스크롤 후 남은 스크롤로 Expand 처리.
• onPostFling: 플링(관성 스크롤) 후 expand/collapse 상태를 자연스럽게 마무리하는 애니메이션 처리.
• offset 변수를 Animatable로 관리하여 Collapsing 동작을 제어.

LazyList와의 스크롤 인터랙션

• LazyColumn 내 stickyHeader와 NestedScrollConnection을 결합하여 캘린더/필터의 노출/미노출 인터랙션 구현.
• isSticky 상태에 따라 NestedScrollConnection의 enable 값을 제어하여 스크롤 동작을 동적으로 변경.