Skip to main content

docs.flutter.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. Learn more.

Get started
Set up Flutter
Learn Flutter
Stay up to date
App solutions
User interface
Introduction
Widget catalog
Layout
Adaptive & responsive design
Design & theming
Interactivity
Assets & media
Navigation & routing
Animations & transitions
Accessibility & internationalization
- Accessibility
- Internationalization
Beyond UI
Data & backend
App architecture
Platform integration
Packages & plugins
Testing & debugging
Performance & optimization
Deployment
Add to an existing app
Tools & editors
Flutter concepts
Resources

Multi-Platform
Mobile Web Desktop Embedded
Development
Learn Flutter Favorites Packages Monetization Games News
Ecosystem
Community Events Culture
Showcase
Docs
What's new Editor support Hot reload Profiling Install Flutter DevTools Cookbook Codelabs

Celebrating Flutter's production era! Learn more
Also, check out What's new on the website.

Get started
Set up Flutter
Learn Flutter
- Introduction
- Write your first app
- Learn the fundamentals
- From another platform?
- Codelabs
- Cookbook
- Demos and samples
Stay up to date
- Upgrade
- SDK archive
- What's new
- Release notes
- Breaking changes
- Compatibility policy
App solutions
- AI
  - AI Toolkit guide
  - Build with Google AI Dart SDK (video)
- Firebase & Firestore
- Games
- Monetization
- Maps
  - Add Google maps to a Flutter app
  - Google Maps package
- News
  - Build a news app
User interface
Introduction
Widget catalog
Layout
- Introduction
- Build a layout
- Lists & grids
- Scrolling
Adaptive & responsive design
- Overview
- General approach
- SafeArea & MediaQuery
- Large screens & foldables
- User input & accessibility
- Capabilities & policies
- Automatic platform adaptations
- Best practices
- Additional resources
Design & theming
- Share styles with themes
- Material design
- Migrate to Material 3
- Text
- Custom graphics
  - Use custom fragment shaders
Interactivity
- Add interactivity to your app
- Gestures
- Input & forms
- Display a snackbar
- Implement actions & shortcuts
- Manage keyboard focus
Assets & media
- 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
- 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
- Set up deep linking
- Set up app links for Android
- Set up universal links for iOS
- Configure web URL strategies
Animations & transitions
- 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 & internationalization
- Accessibility
- Internationalization
Beyond UI
Data & backend
- State management
- Networking & http
- Serialization
  - JSON serialization
  - Parse JSON in the background
- Persistence
- Firebase
  - Overview
  - Add Firebase to your Flutter app
- Google APIs
App architecture
- Introduction
- Architecture concepts
- Guide to app architecture
- Architecture case study
- Recommendations
- Design patterns
Platform integration
- Supported platforms
- Build desktop apps with Flutter
- Write platform-specific code
- Android
- iOS
- Linux
  - Add Linux as build target
  - Build a Linux app
- macOS
- Web
- Windows
  - Add Windows as build target
  - Build a Windows app
Packages & plugins
- Use packages & plugins
- Develop packages & plugins
- Swift Package Manager
  - For app developers
  - For plugin authors
- Flutter Favorites
- Package repository
Testing & debugging
- Testing
- Overview
- Unit testing
  - Introduction
  - Mock dependencies
- Widget testing
- Integration testing
- 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
- Overview
- Impeller
- Performance best practices
- App size
- Deferred components
- Rendering performance
- Performance profiling
- Performance profiling for web
- Performance metrics
- Concurrency and isolates
- Performance FAQ
- Appendix
Deployment
- Obfuscate Dart code
- Create flavors of an app
- 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
- Introduction
- Add to an Android app
- Add to an iOS app
  - Set up iOS project
  - Add a single Flutter screen
- Add to a web app
- Debug embedded Flutter module
- Add multiple Flutter instances
- Loading sequence and performance
Tools & editors
- Android Studio & IntelliJ
- Visual Studio Code
- DevTools
- SDK overview
- Flutter's pubspec options
- Automated fixes
- Code formatting
Flutter concepts
- Architectural overview
- Inside Flutter
- Understanding constraints
- Flutter's build modes
- Hot reload
Resources
- FAQ
- Books
- Videos
- Courses
- Learn Dart
- Get support
- Contribute
- Reference

Lists & grids

UI
Layout
Lists & grids

Topics

Create and use lists
Create a horizontal list
Create a grid view
Create lists with different types of items
Create lists with spaced items
Work with long lists

Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2024-04-04. View source or report an issue.

terms
brand usage
security
privacy
español
社区中文资源
We stand in solidarity with the Black community. Black Lives Matter.

Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the BSD License.