grundid / flutter-rive-design-code-demo

An optimization of Aashu-Dubey replica of DesignCode's Rive animation app.

Optimised Animation's for Aashu-Dubey Demo App

The original code can be found here.

This fork adds some performance improvements to the animations to better showcase what Flutter can do. The optimisations are:

• Using AnimatedBuilder instead of calling setState on each animation tick. This avoid unnecessary rebuilds and can allow for caching of child widgets
• Introduce some RepaintBoundary's

See this commit for all changes.

Animated App with Rive and Flutter

An application with interactive UI and animations, with custom UI components like Bottom TabBar and SideBar, and using animated assets from Rive.

---

👀 This is how it looks

flutter_rive_demo.mp4

📦 Packages used

1. rive: To render and control the Rive assets.

🌻 Motivation

This app is a full Flutter replication of this SwiftUI course by @MengTo.

🔗 Links

• SwiftUI + Rive: Original course in SwiftUI.
• Ionic Rive: Ionic + Angular version for the same.
• Twitter Post