플러터 레퍼런스 썸네일형 리스트형 [FLUTTER] 스크롤 시 이미지 크기 상호작용하는 UI 만들기 UI 레퍼런스를 찾아보던 중 구현해 보고 싶은 UI를 발견했다. 기본 구조는 상단에 이미지가 있고 그 밑으로 텍스트가 길게 늘어져 있는 아주 흔한 형태에, 아래로 스크롤 해 텍스트가 올라오면 이미지가 확대됨과 동시에 가려지는 UI이다. 먼저 기본적인 UI를 잡아보았다. Scaffold의 body는 스크롤링을 위해 SingleChildScrollView 위젯을 사용하고 Column 위젯을 통해 Image, Text 위젯을 차례대로 놓았다. 이미지는 원하는 사이즈로 무작위 이미지를 불러올 수 있는 사이트를 이용했다. (그래서 중간중간 스샷의 이미지가 계속 바뀔 예정) https://picsum.photos/ 첫 번째로 화면을 스크롤하면 텍스트가 이미지 위로 올라와 이미지를 가려지게 해보자. body의 .. 더보기 이전 1 다음
