Get started
Quick start
Custom setup
Learn Flutter
User interface
Introduction
Widget catalog
expand_more
- Overview
- Design systems
  expand_more
  - Cupertino
  - Material components
- Base widgets
  expand_more
Layout
expand_more
- Introduction
- Build a layout
- Lists & grids
  expand_more
- Scrolling
  expand_more
Adaptive & responsive design
expand_more
- Overview
- General approach
- SafeArea & MediaQuery
- Large screens & foldables
- User input & accessibility
- Capabilities & policies
- Automatic platform adaptations
- Best practices
- Additional resources
Design & theming
expand_more
- Share styles with themes
- Material design
- Migrate to Material 3
- Text
  expand_more
- Custom graphics
  expand_more
  - Use custom fragment shaders
Interactivity
expand_more
- Add interactivity to your app
- Gestures
  expand_more
- Input & forms
  expand_more
- Display a snackbar
- Implement actions & shortcuts
- Manage keyboard focus
Assets & media
expand_more
- Add assets and images
- Display images from the internet
- Fade in images with a placeholder
- Play and pause a video
- Transform assets at build time
Navigation & routing
expand_more
- Overview
- Add tabs to your app
- Navigate to a new screen and back
- Send data to a new screen
- Return data from a screen
- Add a drawer to a screen
- Display a Cupertino sheet
- Set up deep linking
- Set up app links for Android
- Set up universal links for iOS
- Configure web URL strategies
Animations & transitions
expand_more
- Introduction
- Tutorial
- Implicit animations
- Animate the properties of a container
- Fade a widget in and out
- Hero animations
- Animate a page route transition
- Animate using a physics simulation
- Staggered animations
- Create a staggered menu animation
- API overview
Accessibility
expand_more
- Introduction
- UI design & styling
- Assistive technologies
- Accessibility testing
- Web accessibility
Internationalization
Beyond UI
Data & backend
expand_more
- State management
  expand_more
- Networking & http
  expand_more
- Serialization
  expand_more
  - JSON serialization
  - Parse JSON in the background
- Persistence
  expand_more
- Firebase
  expand_more
  - Overview
  - Add Firebase to your Flutter app
- Google APIs
App architecture
expand_more
- Introduction
- Architecture concepts
- Guide to app architecture
- Architecture case study
  expand_more
- Recommendations
- Design patterns
Platform integration
expand_more
- Supported platforms
- Build desktop apps with Flutter
- Write platform-specific code
- Bind to native code
- Android
  expand_more
- iOS
  expand_more
- Linux
  expand_more
  - Set up Linux development
  - Build a Linux app
- macOS
  expand_more
- Web
  expand_more
- Windows
  expand_more
  - Set up Windows development
  - Build a Windows app
Packages & plugins
expand_more
- Use packages & plugins
- Package dependency management
- Develop packages & plugins
- Swift Package Manager
  expand_more
  - For app developers
  - For plugin authors
- Flutter Favorites
- Package repository
Testing & debugging
expand_more
- Testing
- Overview
- Unit testing
  expand_more
  - Introduction
  - Mock dependencies
- Widget testing
  expand_more
- Integration testing
  expand_more
- Test a plugin
- Handle plugin code in tests
- Debugging
- Debugging tools
- Debug your app programmatically
- Use a native language debugger
- Common Flutter errors
- Handle errors
- Report errors to a service
Performance & optimization
expand_more
- Overview
- Impeller
- Impeller anti-aliasing
- Performance best practices
- App size
- Deferred components
- Rendering performance
- Performance profiling
- Performance profiling for web
- Performance metrics
- Concurrency and isolates
- Performance FAQ
- Appendix
Deployment
expand_more
- Obfuscate Dart code
- Create app flavors for Android
- Create app flavors for iOS and macOS
- Build and release an Android app
- Build and release an iOS app
- Build and release a macOS app
- Build and release a Linux app
- Build and release a Windows app
- Build and release a web app
- Set up continuous deployment
Add to an existing app
expand_more
- Introduction
- Add to an Android app
  expand_more
- Add to an iOS app
  expand_more
  - Set up iOS project
  - Add a single Flutter screen
- Add to an macOS app
  expand_more
  - Set up macOS project
  - Add a single Flutter screen
- Add to a web app
- Debug embedded Flutter module
- Add multiple Flutter instances
- Loading sequence and performance
AI
Overview
Develop with AI
expand_more
- Get started
- AI coding assistants
  expand_more
- Agent skills
- Dart and Flutter MCP server
- AI rules
- Developer experience
- AI evaluations (experimental)
Build AI-powered apps
expand_more
- Firebase AI Logic
- Genkit Dart
- GenUI SDK for Flutter
  expand_more
- Flutter AI Toolkit
  expand_more
- AI best practices
  expand_more
Resources
Tools & editors
expand_more
- Android Studio & IntelliJ
- Visual Studio Code
- DevTools
  expand_more
- Flutter Widget Previewer
- Flutter Property Editor
- SDK overview
- Flutter's pubspec options
- Automated fixes
- Code formatting
Flutter concepts
expand_more
- Architectural overview
- Inside Flutter
- Understanding constraints
- Flutter's build modes
- Hot reload
- Dot shorthands
App solutions
expand_more
- Develop with Firebase
  expand_more
- Build multi-platform games
  expand_more
- Monetize your app
  expand_more
- Integrate maps
  expand_more
  - Add Google maps to a Flutter app
  - Google Maps package
From another platform?
expand_more
- Flutter for Android devs
- Flutter for Jetpack Compose devs
- Flutter for SwiftUI devs
- Flutter for UIKit devs
- Flutter for React Native devs
- Flutter for web devs
- Flutter for Xamarin.Forms devs
- Introduction to declarative UI
- Flutter versus Swift concurrency
Stay up to date
expand_more
- Release notes
- Breaking changes
- Compatibility policy
- Flutter blog
- What's new in the docs
Manage install
expand_more
- Overview
- Install manually
- Install with VS Code
- SDK archive
- Upgrade SDK
- Add to path
- Troubleshoot
- Uninstall SDK
Resources
expand_more
- Samples & tutorials
- FAQ
- Videos
- Courses
- Glossary
- Get support
- Contribute
  expand_more
- Reference
  expand_more

Flutter learning pathway

This learning pathway walks you through the basics of both Dart and Flutter.

Watch on YouTube in a new tab: "Welcome to the Dart and Flutter Getting Started tutorial"

Welcome to the Dart and Flutter Getting Started pathway. In it, you'll set up your development environment, learn how to write Dart code, and build three small Flutter apps step-by-step. This learning pathway spans the Dart and Flutter websites, YouTube, and your IDE. By the end, you'll have a solid foundation in both Dart and Flutter.

Set up your development environment

Before you can start building Flutter apps, you'll need to set up your development environment. Follow the installation guide to get Flutter and all required dependencies installed on your machine.

Get Started

Complete the Dart Getting Started tutorial

Flutter uses the Dart programming language. If you're new to Dart, complete this interactive tutorial to learn the fundamentalsvariables, functions, classes, and more.

If you're in a hurry and already familiar with modern, object-oriented programming languages, you can safely skip this step.

Dart Getting Started tutorial

Complete the Flutter Getting Started tutorial

Now that you have Dart skills under your belt, dive into Flutter! This hands-on tutorial walks you through building three small Flutter apps step-by-step.

Flutter Getting Started tutorial

Understand how Flutter works

Deepen your understanding of how Flutter works under the hood by watching this video series. Learn about the widget tree, rendering pipeline, and what makes Flutter unique. This series provides the knowledge you need to know to take full advantage of the framework.

Watch: How Flutter Works

Get started by installing Flutter and setting up your development environment:

Start with Step 1: Quick Install

[Dash with question marks around her; looking curious.]

Feedback

We're always looking for ways to improve the Getting Started experience. Moving forward, we plan to add more resources to this section of the website. We'd love to know what you think and what you'd like to see.

Please take a moment to share your feedback with us.

Leave feedback

Was this page's content helpful?

Unless stated otherwise, the documentation on this site reflects Flutter 3.44.7. Page last updated on 2026-08-26. View source or report an issue.

Flutter learning pathway

Set up your development environment

Complete the Dart Getting Started tutorial

Complete the Flutter Getting Started tutorial

Understand how Flutter works

Ready to start?