슬기로운 IT생활

첫 번째 화면에 해당하는 '가게 안내' 페이지를 작성하기 전에 앱 상단 바를 애니메이션 스크롤 형태로 만들겠다. ​ SliverAppBar를 사용하여 앱 상단 바를 동적으로 표현할 예정이다. 위로 스크롤 하면 바가 작아지는데 이걸 Sliver 효과라고 부른다. ​ 우선 만들어놓은 화면 중 shopguide.dart 파일로 이동 후 아래 소스 코드를 추가한다. ​ 먼저 한 화면에 여러 개의 스크롤을 사용할 수 있는 NestedScrollView를 추가했고 그 안에 위젯으로 SliverAppBar를 추가했다. SliverAppBar에는 여러 옵션들이 있는데 중요해 보이는 pinned, floating, snap에 대한 내용은 위 주석을 참고바란다. 나는 우선 깔끔하게 화면을 구성하기 위해 appbar를 안 ..

자 플러터(flutter)로 앱(app)을 만들어보자. ​ 사실 환경 세팅부터 포스팅하려고 했지만, 자마린처럼 서론만 얘기하다 끝날까 봐 이번 플러터 포스팅은 어떤 앱을 만들지 정하고, 바로 프로젝트 생성부터 들어가겠다. (자마린은 오픈을 앞두고 너무 바빠져서 포스팅을 포기했었다. 현업에서는 잘 쓰고 있음) ​ 자 거두절미하고 어떤 앱을 만들지 바로 정하고 프로젝트 생성 들어간다! ​ 어떤 앱을 만들 것인가? ​ 우선 복잡한 서비스 앱을 제작은 포스팅에 사용하기는 어렵기 때문에 나는 아주 간단하게 아래 닭갈비 매장을 홍보하는 앱을 만들어보겠다ㅋㅋ ​ ​ 메뉴는 가게 소개, 메뉴 소개, 오시는 길, 스토어로 이동 정도? 원래 기획을 다 하고 만들어야 하는데 그러면 또 기획하다 끝날까 봐 우선 만들어보겠다...