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

25
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

이 게시물은 Android Compose에서 NestedScrollConnection을 커스텀하여 딜허브 탭과 스크롤을 유기적으로 연결하는 Collapsing 인터랙션 구현 방법을 설명

화면 구조

  • Box 안에 Collapsing 가능한 Tab과 하단 HorizontalPager 배치
  • Tab 높이 측정 후 HorizontalPager의 offset으로 펼침/접힘 보정

NestedScrollConnection 핵심

  • onPreScroll으로 스크롤 업 시 먼저 접힘 처리 소비
  • onPostScroll으로 남은 스크롤로 펼침 처리 및 LazyList와의 연동을 통한 sticky 동작 제어
  • onPostFling에서 animateDecay로 관성 적용 후 가까운 앵커로 spring 스냅 처리

연관 게시글