Flutter에 대한 Lottie 대안은 일반적으로 파일 형식의 변경이 아니라 파일이 수행할 수 있는 작업의 변경입니다. Lottie 파일은 After Effects에서 내보낸 벡터 애니메이션입니다. Flutter Lottie 패키지는 잘 재생되며 Dart에서 속도, 진행 및 반복을 제어할 수 있습니다. 할 수 없는 일은 애니메이션 도구로 돌아가지 않고 파일을 열고 동작을 변경하는 것입니다.
Rive는 대화형 벡터 애니메이션에 가장 가까운 확립된 옵션입니다. Rive 편집기에서 아트웍과 상태 시스템을 구축한 다음 입력을 통해 Flutter 런타임에서 이를 구동합니다. 이미 웹이나 모바일용 Rive를 사용하고 있는 팀은 동일한 파일을 재사용할 수 있습니다. 절충점은 비용과 잠금입니다. Rive의 무료 요금제는 Rive 스플래시 화면을 재생하는 파일을 내보내고 유료 요금제는 이를 제거합니다.
ExodeUI는 유사한 런타임 접근 방식을 취하지만 제품 UI에 중점을 둡니다. 시각적 편집기에서 상태, 전환, 스프링 및 이벤트를 디자인한 다음 Flutter 런타임을 통해 결과를 재생합니다. 소스는 하나의 열린 .exode JSON 파일이며 동일한 파일은 React, Vue, Svelte, Angular, Solid, React Native, SwiftUI 및 Flutter를 대상으로 할 수 있습니다. ExodeUI는 Rive보다 최신 버전이므로 Flutter 런타임이 귀하가 제공하는 플랫폼을 포괄하는지 확인하세요.
모션이 로딩 스피너, 아이콘 전환 또는 간단한 페이지 변경인 경우 Flutter에 내장된 AnimationController 및 암시적 애니메이션이면 충분합니다. 제작된 자산을 추가하는 것은 디자이너가 타이밍을 제어해야 하거나 동일한 애니메이션이 여러 플랫폼에 나타나야 하는 경우에만 의미가 있습니다.
선택하기 전에 실제 화면 하나를 테스트해 보세요. Flutter 대상에 대한 런타임 지원, 입력 연결 방법, 자산 로드에 실패하면 어떤 일이 발생하는지, 도구 라이선스가 상업적 사용에 적합한지 여부를 확인하세요. 짧은 프로토타입은 기능 표 이상의 내용을 알려줍니다.