seong
Flutter - RiveAnimation위젯 (1) 본문
RiveAnination위젯
- 로티, svg 등 애니메이션을 활용할 방안은 다양하게 있지만 유튜브에 찾아보니 rive도 간단하게 애니메이션 이미지를 구현할 수 있다.
- 2D 애니메이션을 활용 해 좀 더 화려하게 해준다 ( 애니메이션 )
- .riv 이미지 형식이다.
rive | Flutter Package
Rive 2 Flutter Runtime. This package provides runtime functionality for playing back and interacting with animations built with the Rive editor available at https://rive.app.
pub.dev
Rive파일 만들기 및 사용
- riv형식 파일을 만들어야 한다. 이 부분은 다른 분을 참고 했다.
플러터를 화려하게<Rive>
로티, svg 애니메이션 아니면 customPainter등등 여러방법으로 애니매이션을 구현할방법이있지만,일단 로티는 after effect를 사용해서 가난한 나한테는 월 24000은 충분히 비싼부분이고, 거기다가 툴도
velog.io
- pubspec.yaml에 rive를 install
RiveAnimation.asset("assets/RiveAssets/shapes.riv")
다음은 RiveAnimate Icon에 대해 작성할 것이다!
'Flutter > Flutter' 카테고리의 다른 글
| Flutter - showDialog를 화면 위에서 내려오게 하기 (0) | 2023.09.12 |
|---|---|
| Rive 만들기 (0) | 2023.09.09 |
| Flutter - appBar에 drawer추가 (0) | 2023.09.04 |
| Flutter - AnimatedTextKit (0) | 2023.09.04 |
| Flutter - TweenAnimatedBuilder 위젯 (0) | 2023.09.02 |
'Flutter/Flutter' Related Articles
more
