Flutter-CodeLabs

Welcome to the Flutter codelabs! While you try these, you can get help and chat with friendly people — including Googlers working on Flutter, and folks from Flutter developer groups around the world — in fd-* channels in the Flutter Community Slack workspace.

Good for beginners

If you’re new to Flutter or Dart, we recommend starting with one of these codelabs.

• Write your first Flutter app, part 1
• Write your first Flutter app, part 2
• Write your first Flutter app on the web
• Building beautiful UIs with Flutter
• Intro to Dart for Java developers

Designing a Flutter UI

Learn about Material Design and basic Flutter concepts, like layout and animations.

• Basic Flutter layout concepts
• Implicit animations
• MDC 101 Flutter: Material Components (MDC) Basics
• MDC 102 Flutter: Material Structure and Layout
• MDC 103 Flutter: Material Theming with Color, Shape, Elevation, and Type
• MDC 104 Flutter: Material Advanced Components

Dart language details

Write great Dart code!.

• Dart cheatsheet
• Implicit animations
• Asynchronous programming: futures, async, await

Using Flutter with...

Learn how to use Flutter with other technologies.

• Adding Google Maps to a Flutter app
• Build a photo sharing app with Google Photos and Flutter
• Adding Admob Ads to a Flutter app
• Firebase for Flutter
• Multi-platform Firestore Flutter

Writing platform-specific code

Learn how to write code that's targeted for specific platforms, like iOS, Android, the web, and the desktop.

• Building a Cupertino app with Flutter
• How to write a Flutter plugin
• Using a plugin with a Flutter web app
• Write a Flutter desktop application