Skip to content

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

License

Notifications You must be signed in to change notification settings

HayesGordon/flutter-rive-design-code-demo

 
 

Repository files navigation

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.

Flutter + Rive UI Preview


👀 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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 56.4%
  • C++ 19.5%
  • CMake 17.3%
  • Ruby 2.5%
  • HTML 1.7%
  • C 1.3%
  • Other 1.3%