Top Animation Packages for Your Flutter Project: | Sailesh Verma
Shared on Flutter Tour
Top Animation Packages for Your Flutter Project:
1.SPINKIT
The SpinKit package contains a set of animated loading indicators for use in your projects.
Pub link: https://pub.dev/packages/flutter_spinkit
Github: https://github.com/jogboms/flutter_spinkit
INSTALLATION
dependencies:flutter_spinkit: “<latest_version>”Why to use spinkit?
- To build complex animation from available Spinkit predefined widgets
- To animate any widget by adding the widget as a child of any Spinkit predefined widget
- Can be used in a StatelessWidget or StatefulWidget
2. ANIMATIONS
These are official pre-canned animations for commonly-used effects. You can tweak the animations with your content and place them into your app to amuse your users. It now supports four different transition patterns.
The following transition patterns are defined by material motion:
- Container transform
- Shared axis
- Fade through
- Fade
3. STAGGERED ANIMATIONS
A useful animation package for adding staggered animations to your ListView, GridView, Column, and Row children per Material Design principles.
Pub link: https://pub.dev/packages/flutter_staggered_animations
Github link: https://github.com/mobiten/flutter_staggered_animations
INSTALLATION
dependencies:flutter_staggered_animations: “<latest_version>”WHY USE THIS PACKAGE?
- To show animated list view, grid view, or column
- To improve the user experience of your application
4. SPRING
A simple and powerful pre-built animation kit for creating apps quickly and easily. You can use it to add intriguing motion effects to your widgets, such as pop, shake, and flip. These animations can be utilized to improve usability in your apps if applied correctly.
Pub link: https://pub.dev/packages/spring
Github link: https://github.com/KaushickSArgekar/spring
INSTALLATION
dependencies:spring: “<latest_version>”Feature of spring package:
- Get a lot of pre-built animation for common use cases
- To add intriguing motion effects
- To animate any widget by adding the widget as a child of any Spring pre-built widgets
What is ASO? "App Store Optimization", ASO is the process of optimizing mobile apps to improve their visibility and rankings within app stores (such as the Apple App Store and Google Play Store). ASO aims to increase an app's discoverability and attract more organic (non-paid) downloads
Flutter Tour
FlutterGen Code Generator While working with flutter, to load assets in your Flutter app, you have to reference the asset using path strings, which is not safe. As a Flutter developer, you have no choice but to refer to them using strings directly in your code. Working with images, for instance, is not easy because you have to refer to them by their path string. FlutterGen, a Flutter code generator for your assets that help remove all string-based APIs in your app.