Flutter Resources

Flutter Logo

My Flutter YouTube Playlist

Google Flutter Cookbook
Flutter has really excellent docs and cookbook examples

Tame those TextStyles! — gskinner blog
Good advice on structuring a stylesheet for Flutter.

The new ‘animations’ package explained — gskinner blog
Quick rundown of the new animations with previews and code samples.

Android App: Flutter Vignette Showcase
App by GSkinner/team that explores some of their transition animation effects.

Deep Dives by Deven Joshi

Adding Google Fonts to a project
Fonts can be downloaded at runtime or embedded in the app download file.

Dart/Flutter – Convert Object, List to JSON string
Everything you need to know about converting objects to json, including nested objects.

Teachable Machine – by Google
Train a computer to recognize your own images, sounds, & poses.

Flutter: SliverAppBar with Stretchy Header
Nice zooming effect on pulldown of the SliverAppBar.

Asynchronous programming in Flutter
Here’s a 4 part video series by the Flutter in Focus team.

  1. Isolates and Event Loops
  2. Dart Futures
  3. Dart Streams
  4. Async/Await
  5. Generator Functions

Here’s the entire Flutter in Focus playlist that covers everything from Flutter 101 — building a widget — to Animation Deep Dive.

Excellent article on sorting a list: Dart – Sorting List with Comparator and Comparable

Flutter: The Advanced Layout Rule Even Beginners Must Know
Flutter offers a huge range of layout rules. This article covers most all cases.

How to create your own pull to refresh / custom refresh indicator widget in Flutter.

Flutter Animated Logo with CustomPainter
Nice tutorial on how to recreate the Flutter logo with anymations.

Flutter Launcher Icons
A command-line tool which simplifies the task of updating your Flutter app’s launcher icon. Fully flexible, allowing you to choose what platform you wish to update the launcher icon

How to embed a Flutter application in a Website using DartPad

How to create Card Carousel in Flutter?

How To Create An Mobile App Like Netflix In 2020? (Features, Business Model & Cost)
Good reference article on the cost of app development and pros-cons of native vs cross-platform solutions.

Flushbar
Flushbar is a simple little widget, with lots of options, for showing dismissible messages to the user, like errors or important updates.

Material IO: The motion system
The motion system is a set of transition patterns that can help users understand and navigate an app.

Dart.DEV: A tour of the Dart language
This page shows you how to use each major Dart feature, from variables and operators to classes and libraries.

Network-Aware Flutter Application using Provider and Data Connection Checker
Determine if user has a data connection.

MATERIAL.IO

The motion system
The motion system is a set of transition patterns that can help users understand and navigate an app.
Transition Patterns, Container Transform, Shared Axis, Fade Through, Fade

Speed
Speed adjustments make transitions smooth and responsive.
Controlling Speed, Duration, Easing

Choreography
Transition choreography is a coordinated motion sequence that holds the user’s focus while an interface adapts.
Sequencing, Transformation, Focal Elements

Customization
Motion can be customized to express your brand’s style.
Applying customizations, Speed, Motion Paths, Oscillation, Transition Patterns, Elevation, Stagger

What do you think?

Leave a Reply

Your email address will not be published. Required fields are marked *