목록Collpasing Header (1)

choiminjun 블로그

Compose에서 부드러운 Collapsing Header 구현하기: stickyHeader vs NestedScrollConnection

여행 앱의 장소 상세 화면을 만들면서 다음과 같은 요구사항이 있었다. 요구사항- 스크롤 시 헤더가 순차적으로 접혀야함 1. navigationBar가 먼저 사라짐 2. thumbnail이 점점 부드럽게 사라짐- 썸네일이 모두 접히면 Header와 TabRow가 화면 상단에 고정되어야함 최종 결과를 미리보자면 다음과 같다. 시행착오 1: StickyHeader 2개 사용하기첫번째로 시도했던 방법은 2개의 Sticky Header를 사용하는 방식이다. 중간에 Thumbnail을 제외한 Header와 TabRow를 LazyColumn 안의 stickyHeader로 감싸도록했다.LazyColumn(modifier = Modifier.fillMaxSize()) { stickyHeader { Heade..
Android 2026. 3. 16. 01:00
이전 Prev 1 Next 다음