Learn Flutter

Introduction

What Flutter is and your first app.

• Your first Flutter app workshop Workshop
• Your first Flutter app Codelab
• Introduction to Flame with Flutter Codelab
• Google IO 2018 Article
• Presentation Article May be dated
• Flutter Web Article

Beginner

The basics, step by step.

• Display images from the internet Recipe
• Animated Chat Article
• Firebase Chat Article
• Flutter and Dart development Article
• Roadmap to Flutter Development Article
• Layout Cheat Sheet Article
• Getting Started with Flutter Article
• Beginner's Guide Article

Core skills

Recipes for everyday tasks, grouped by area.

Build real apps

Guided codelabs for features apps need.

• Records and Patterns in Dart Codelab
• Animations in Flutter Codelab
• Building Beautiful Transitions with Material Motion for Flutter Codelab
• How to debug layout issues with the Flutter Inspector Codelab
• MDC-101 - Material Components (MDC) Basics Codelab
• MDC-102 - Material Structure and Layout Codelab
• MDC-103 - Material Theming with Color, Shape, Elevation, and Type Codelab
• MDC-104 - Material Advanced Components Codelab
• Adding AdMob Ads to a Flutter app Codelab
• Adding an AdMob banner and native inline ads to a Flutter app Codelab
• Adding in-app purchases to your Flutter app Codelab
• Add a user authentication flow using FirebaseUI Codelab
• Get to know Firebase for Flutter Codelab
• Notifications with Firebase Cloud Messaging Codelab
• Build a word puzzle with Flutter Codelab
• Adding Google Maps to a Flutter app Codelab
• Adding WebView to your Flutter app Codelab
• Adding a Home Screen widget to your Flutter app Codelab
• Flutter state management for minimalists Article

Official samples

Working sample projects from the Flutter and Dart teams.

• Add-to-app Sample
• Android splash screen Sample
• iOS app clip Sample
• Swift platform view Sample
• Command-line app Sample
• Extension methods Sample
• FFI Sample
• Isolates (in a CLI) Sample
• Native Dart app Sample
• Server side Dart Sample
• Package constraint solver Sample
• Asset transformation Sample
• Background isolate channels Sample
• Desktop UI Sample
• AI generated dynamic theme Sample
• Form app Sample
• AI todo list Sample
• Google Maps plugin Sample
• Navigation and routing Sample
• Platform adaptive design Sample
• Simple shaders Sample
• Testing app Sample
• Web element embedding Sample
• ng-flutter Sample
• Platform channels Sample

Advanced

Rendering, performance and internals.

• Rendering Pipeline Article
• Render Objects Article
• Streams and RxDart Article
• Gesture System Article
• Schemas Article
• Rendering Engine Tutorial Article
• Inherited Widget Article
• From Mobile to Desktop Article
• Accessibility widgets Article
• Profiling w/ Timeline Article

How we rate packages

• Recommended: still maintained, and either a Flutter Favorite or at least 130 pub points with Dart 3 support and 1,000 likes.
• Healthy: a release in the last 12 months. Mature: no recent release, but high quality, well liked and the repository is still active.
• Slowing: last activity 12 to 24 months ago. Stale: older than 24 months.
• Archived, Discontinued, Missing: the repository is archived, pub.dev marks it discontinued, or the repository is gone.

Ratings are computed automatically from public data every day. They are a starting point, not a guarantee.