FlutterFlow 기초 - #40 베이스 위젯 LottieAnimation

베이스 위젯 LottieAnimation위젯  사용방법

 로티애니메이션(LottieAnimation)위젯은 Lottie 파일을 사용할 수 있게 하는 위젯. Lottie 파일은 픽셀화되지 않은 파일로 gif보다 크기가 작지만 높은 품질의 애니메이션 이미지를 지원.

Properties 설정하기

1) Padding & Alignment

• LottieAnimation 전체의 Padding과 Ailgnment를 설정

2) Lottie Animation

• Animation Source : lottie파일을 가져오는 방법 설정
• Auto Animate : 자동으로 lottie파일이 동작함
• Animation Type : 애니매이션 동작 유형
  • Once : 한 번만 재생
  • Loop : 반복재생
  • Boomerang : 정방향, 역방향 순으로 반복 재생
• Frame Rate : 프레임 수 설정
• Width & Height : 가로, 세로 크기 설정
• Box Fit : LottieAnimation의 영역에 Lottie 파일의 크기를 맞추는 방식 설정