앱 App/플러터 Flutter
-
애니메이션 활용하기 - (3) 스크롤 시 역동적인 앱바 만들기앱 App/플러터 Flutter 2021. 11. 7. 17:56
애니메이션 활용하기 - (2) 와 이어진다 앱바나 리스트를 역동적으로 만들고 싶을 때는 sliver라는 위젯을 이용 실습1. 슬리버를 사용한 스크롤뷰 만들기 (SliverAppBar, SliverList, SliverGride 사용) https://www.youtube.com/watch?v=mSc7qFzxHDw (SliverAppBar) 스크롤을 올리면 상단의 앱바가 점점 작아지다가 사라진다 1단계. Lib폴더에 sliverPage.dart 파일 생성하여 기본골격 잡기 먼저 CustomScrollView의slivers에 SliverAppBar를 사용해 확장 앱바를 만든다. SliverAppBar는 스크롤에 따라 높이가 달라기거나 다른 위젯 위에 표시되도록 스크롤뷰에 통합된다. expandheight를 통..
-
애니메이션 활용하기 - (2) 인트로 화면 만들기앱 App/플러터 Flutter 2021. 11. 7. 15:37
애니메이션을 더 세밀하게 조정하는 법 & 페이지 이동 애니메이션을 알아보고 인트로 화면을 만들어보자! 애니메이션 활용하기 - (1) 애니메이션 구현하기와 이어짐 실습1. 페이지 이동 애니메이션 (Hero 위젯) https://www.youtube.com/watch?v=Be9UH1kXFDw (Hero 위젯에 관한 설명) 를 누르면 케이크가 커지며 두번째 페이지로 이동했다가, 왼쪽 상단 뒤로가기를 누르면 케이크가 작아지며 원래 페이지로 이동 1단계. 사라지기 버튼 아래에 두번째 페이지로 이동하는 버튼 만들기 아이콘을 Hero위젯으로 감싸고 Tag를 detail로 설정 2단계 Lib 폴더에 secondPage파일 추가하여, 아이콘을 띄우는 페이지 작성 이때 Hero위젯에서, Tag옵션을 앞과 동일하게 deta..