조용한 담장

앱의 페이지(Page) 또는 루트(Route) 사이의 이동할 때 animation 을 만들어주는 위젯이다. 특히 이동하는 페이지 사이에 공통된 이미지 영역이 있다면 이를 기반으로 animation 을 만들기 위해 사용할 수 있다. 예를 들어 쇼핑앱의 제품 사진으로 된 목록중 하나를 선택하면 그 사진이 커지면서 제품의 상세 내용을 보여주는 동작을 생각해 볼 수 있다. 위와 같이 이동하는 페이지 사이의 공통되게 보여주는 부분에 대한 animation 을 만드는데 사용한다. Hero({ Key key, @required Object tag, CreateRectTween createRectTween, HeroFlightShuttleBuilder flightShuttleBuilder, HeroPlaceholder..

Animation library Flutter 의 animation system 을 구현한 animation library 을 살펴보자. import package:flutter/animation.dart flutter 는 animation 을 값의 변화와 시간을 통해 표현한다. Flutter represents an animation as a value that changes over a given duration, and that value may be of any type. animation 의 시작의 값이 0 이라면 끝나는 값이 100 이라는 수의 값으로 표현한다. 이 변화되는 값은 다양한 속성에 적용되어 그 변화에 따른 animation 을 만들어 낸다. 예를들어 opacity(불투명도) 값을 ..

flutter create (플러터 새 프로젝트 생성) 명령을 통해 새로 생성된 프로젝트 코드에는 친절한 코멘트가 포함되어 있습니다. 하지만 결국 지워야할 대상인데, Android Studio 에서 쉽게 지우는 방법을 flutter twitter 에서 가져와봤습니다. 1. Ctrl + R (Replace) Replace 화면에서 Regex 를 선택합니다. 2. //.* 를 입력하고 Replace all 버튼을 클릭 합니다. 3. 창 위에서 마우스 오른쪽 버튼을 클릭하여 Reformat Code with dartfmt 를 선택합니다. 4. 끝. From Flutter Twitter : https://twitter.com/FlutterDev/status/1220753228943515648 Flutter on..

flutter 1.12 가 2019년 12월 12일 자로 릴리즈 되었다. Android 10 지원 업데이트 iOS 13 visual refresh + dark mode + CupertinoContextMenu, CupertinoSlidingSegmentedControl 위젯 추가 Add to App (Flutter module 을 기존 Android or iOS app 추가하는) 기능 추가 : Add Flutter to existing app Material dark mode 지원 ButtonBar 와 AlertDialog text overflow 를 막도록 향상 TweenAnimationBuilder 추가 : TweenAnimationBuilder video iPhoneX/Xs 에서 스크롤 퍼포먼스 이..