상세 컨텐츠

본문 제목

FlutterFlow 기초 - #44 베이스 위젯 RiveAnimation

앱 개발/개발 Tool

by 2^7 2025. 5. 16. 21:00

본문

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

 라이브애니메이션(RiveAnimation)위젯은 실시간 인터랙티브 디자인 및 애니메이션 도구인 Rive 에셋을 사용할 수 있도록 하는 위젯

Properties 설정하기

1) Padding & Alignment

  • RiveAnimation 전체의 Padding과 Ailgnment를 설정

2) Rive Animation

  • Animation Source : rive위젯을 가져올 방식 설정
  • Animatioms : 애니메이션 효과 설정 
  • Preview Animations : 선택한 애니메이션 효과 미리보기

  • Auto Animatie : 자동으로 애니메이션 재생
  • Width & Height : 가로, 세로 크기 영역 설정
  • Box Fit : 설정한 영역에 Rive 파일의 크기를 어떤 비율로 채울 시 설정
728x90

관련글 더보기