Flutter Animations Cheat Sheet

This is a list of animations and transitions that you can used in Flutter.

Available as a webpage. The content of the page is searchable.

Building

Last tested version of Flutter that works with this repo is 2.1.0-12.2.pre:

• Important: You cannot be on beta/stable channel to run flutter desktop - check out how to switch to a specific version.

Building for Web

Upgrade flutter to minimum 2.1.0-12.2.pre, enable web compilation and run:

flutter version 2.1.0-12.2.pre
flutter run -d chrome -v

Building for Desktop

Linux

• Add the following to .bash_profile replacing $HOME/flutter/ with path to your Flutter folder.

# Add Flutter
export PATH="$PATH:$HOME/flutter/bin"
# Add Dart
export PATH="$PATH:$HOME/flutter/bin/cache/dart-sdk/bin"

Mac

• Add the following to .bash_profile replacing $HOME/flutter/ with path to your Flutter folder.

# Add Flutter
export PATH="$PATH:$HOME/flutter/bin"
# Add Dart
export PATH="$PATH:$HOME/flutter/bin/cache/dart-sdk/bin"

• Update CocoaPods:

brew upgrade cocoapods
pod setup
gem install cocoapods

Windows

• Install Visual Studio Community 2019 with Desktop development with C++. Make sure that those components are installed:

• MSVC v142 - VS 2019 C++ x64/x86 build tools (v14.23)
• Windows 10 SDK (10.0.17763.0)

Running on Desktop

Enter flutter-animations in your terminal and run flutter run. You might need to use -d to pick desktop if you have any other device connected.

OR

Open in your ide flutter-animations In IntelliJ/VS Code select appropriate device via device picker and run the app.

Running Flutter Driver tests on Desktop

Installing fast_flutter_driver script:

pub global activate fast_flutter_driver_tool
flutter packages get

Running:

fastdriver -r 800x800