example

Flutter Example : Photo Sticker – Step 1

로
flutter_example_photo_sticker_step_1

image_picker, GestureDetector, Positioned를 활용하여 사진에 스티커를 붙이는 기능을 가진 Flutter APP를 만들어 보겠습니다.

이번 단계에서는 사진을 선택해서 배경 이미지를 적용하고 스티커 이미지를 선택할 수 있는 UI와 선택한 1개의 스티커를 배경 사진 위에 표시하는 것 까지 구현해 보기로 합니다.

Flutter | Exercise Example | PageView, Timer, StatefulWidget, SystemChrome

로
thumbnail

Flutter 위젯의 속성을 변경해야 할 때가 있다. 예를 들자면 생성자에 새로운 인자가 입력되는 경우가 있다. 이 때, build() 함수에서 해당 인자 값을 이용하고 있다면 build() 함수를 재실행 해주어야 한다. 하지만 StatelessWidget은 불변이기에 한 번 생성된 인스턴스의 build() 함수는 재실행될 수 없다. 대신 인스턴스 자체를 아예 새로 생성한 후 기존 인스턴스를 대체해 반영해야 한다.
PageView와 Timer를 이용하여 주기적으로 사진이 전환되는 전자 액자 APP을 만들어 보자.