Flutter Example : Photo Sticker – Step 1

flutter_example_photo_sticker_step_1

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

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

플러터(Flutter) 예제(Example) – 동영상 플레이어 | video_player, image_picker 플러그인 사용

my-player-app

플러터(Flutter) 예제(Example)로 동영상 플레이어를 만들어 보자.
필수 사용 플러터 플러그인은 video_player, image_picker이다.
특히 재생 중에 동영상을 변경할 때, unInitializeController() 함수 안의 await videoPlayerController?.dispose(); 함수를 반드시 호출해 주어야 이전에 재생중이던 동영상이 닫힌다.
Stack, Positioned 위젯과 Align 위젯을 사용하여 위젯들의 정렬을 처리하였고 StatefulWidget의 didUpdateWidget() 함수를 이용하여 동영상이 변경되었을 때 처리를 하였다.

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

thumbnail

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