[Flutter] Lottie ? 애니메이션 ? Gif ?

 

앱을 개발하다보면 더 이쁘게 만들고 싶다는 욕심이 든다. 

 

가장 쉬운 방법은 애니메이션을 넣는 것이지만, 애니메이션을 넣을려면 Controller을 일일히 생성해야 한다. 그럼 코드가 늘어나고 복잡해진다.

 

그래서 Gif 같이 애초에 움직이는 이미지를 넣으면 어색함도 줄고, 편리하다.

 

그러다 Lottie라는 것을 발견했다.

 

 

Lottie는 왜 쓸까?

 

홈페이지에는 Gif 보다 더욱 가벼워서, 속도도 빠르고 좋다고 한다. 

 

음 아직 사용해보지는 않았다. 

 

무엇보다 장점은 무료 애니메이션을 고퀄리티로 구경(?)이나 구할 수 있다는 것이다.

 

 

 

아래 고양이는 Gif로 무료로 다운로드한 결과다. 무료는 사이즈가 150x150 인가? 정해져 있고, 유료는 사이즈가 다양하게 다운로드가 가능하다. 

 

+ 고양이 Gif가 귀여워서 넣을려고 했는데, 어디에 넣을지 고민이다. 

 

---

https://pub.dev/packages/lottie

lottie | Flutter package

 

사용 방법은 Flutter Dev의 플러그인을 보면 쉽게 적용 가능할 듯하다. 

 

엄청난 인기였다. 또 나만 몰랐다.