132 captures

29 Nov 2021 - 23 Dec 2025

Mar	APR	May
	04
2024	2025	2026

success

fail

About this capture

COLLECTED BY

Collection: Save Page Now

TIMESTAMPS

The Wayback Machine - http://web.archive.org/web/20250404200037/https://docs.flutter.dev/get-started/editor

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

Flutter Docs

Flutter

Flutter Docs

Flutter API ●

Dart ●

DartPad ●

pub.dev ●Homepage ●Community ●Packages ●API reference

Get started ●Get started Set up Flutter ● Introduction Write your first app ● Introduction Intro to Dart Widgets Layout State management Handling user input Networking and data Local data and caching ● 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 Codelabs Cookbook Demos and samples ● Upgrade SDK archive What's new Release notes Breaking changes Compatibility policy ● ● ● Overview User experience Feature integration Custom LLM providers Chat client sample Build with Google AI Dart SDK (video) ● Overview Discover Firebase for Flutter Get to know Firebase for Flutter Add a user authentication flow to a Flutter app using FirebaseUI Get to know Firebase for web ● Overview Add achievements and leaderboards Build leaderboards with Firestore Add advertising Add multiplayer support Add in-app purchases Add user authentication Debug using Crashlytics Intro to Flame with Flutter ● ● Ads overview Add advertising Add AdMob ads to your Flutter app Add an AdMob banner and native inline ads Integrate multimedia ads (video) Google AdMob mediation Interactive Media Ads SDK ● In-app purchases overview Add in-app purchases ● Payments overview Google pay package ● Add Google maps to a Flutter app Google Maps package ● Build a news app ●User interface Introduction Widget catalog ● Introduction Build a layout ● 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 ● Overview Use slivers to achieve fancy scrolling Place a floating app bar above a list Create a scrolling parallax effect ● Overview General approach SafeArea & MediaQuery Large screens & foldables User input & accessibility Capabilities & policies Automatic platform adaptations Best practices Additional resources ● Share styles with themes Material design Migrate to Material 3 ● Fonts & typography Use a custom font Export fonts from a package Google Fonts package ● Use custom fragment shaders ● Add interactivity to your app ● Introduction Handle taps Drag an object outside an app Drag a UI element within an app Add Material touch ripples Implement swipe to dismiss ● Create and style a text field Retrieve the value of a text field Handle changes to a text field Manage focus in text fields Build a form with validation Display a snackbar Implement actions & shortcuts Manage keyboard focus ● 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 ● 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 ● 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 ●Beyond UI ● ● Introduction Think declaratively Ephemeral vs app state Simple app state management Options ● Overview Fetch data from the internet Make authenticated requests Send data to the internet Update data over the internet Delete data on the internet Communicate with WebSockets ● JSON serialization Parse JSON in the background ● Store key-value data on disk Read and write files Persist data with SQLite ● Overview Add Firebase to your Flutter app Google APIs ● Introduction Architecture concepts Guide to app architecture ● Overview UI layer Data layer Dependency injection Testing each layer Recommendations Design patterns ● Supported platforms Build desktop apps with Flutter Write platform-specific code ● Add Android as build target Add a splash screen Add predictive back Bind to native code Host a native Android view Calling JetPack APIs Launch a Jetpack Compose activity Restore state on Android Target ChromeOS with Android ● Add iOS as build target Flutter on latest iOS Leverage Apple's system libraries Add a launch screen Add iOS App Clip support Add iOS app extensions Bind to native code Host a native iOS view Enable debugging on iOS Restore state on iOS ● Add Linux as build target Build a Linux app ● Add macOS as build target Build a macOS app Bind to native code Host a native macOS view ● Web support in Flutter Add web as build target Build a web app Compile to WebAssembly Customize app initialization Add Flutter to any web app Web content in Flutter Web renderers Display images on the web Web FAQ ● Add Windows as build target Build a Windows app ● Use packages & plugins Develop packages & plugins ● For app developers For plugin authors Flutter Favorites Package repository ● ●Testing Overview ● Introduction Mock dependencies ● Introduction Find widgets Simulate scrolling Simulate user interaction ● Introduction Write and run an integration test Profile an integration test 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 ● 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 ● 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 ● Introduction ● Set up Android project Add a single Flutter screen Add a Flutter Fragment Add a Flutter View Use a Flutter plugin ● 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 ● Android Studio & IntelliJ Visual Studio Code ● Overview Run from Android Studio & IntelliJ Run from VS Code Run from command line Flutter inspector Legacy Flutter inspector Performance view CPU Profiler view Memory view Debug console view Network view Debugger Logging view App size tool DevTools extensions Validate deep links Release notes SDK overview Flutter's pubspec options Automated fixes Code formatting ● Architectural overview Inside Flutter Understanding constraints Flutter's build modes Hot reload ● FAQ Books Videos Courses Learn Dart Get support ● Create useful bug reports Contribute to Flutter Discover proposed features ● Who is Dash? Widget index Create a new app flutter CLI API docs

Set up an editor

(一)Get started (二)Set up an editor You can build apps with Flutter using any text editor or integrated development environment (IDE) combined with Flutter's command-line tools. The Flutter team recommends using an editor that supports a Flutter extension or plugin, like VS Code and Android Studio. These plugins provide code completion, syntax highlighting, widget editing assists, run & debug support, and more. You can add a supported plugin for Visual Studio Code, Android Studio, or IntelliJ IDEA Community, Educational, and Ultimate editions. The Flutter plugin only works with Android Studio and the listed editions of IntelliJ IDEA. (The Dart plugin supports eight additional JetBrains IDEs.) Follow these procedures to add the Flutter plugin to VS Code, Android Studio, or IntelliJ. If you choose another IDE, skip ahead to Write your first Flutter app. ●Visual Studio Code ●Android Studio and IntelliJ

Install VS Code

# VS Code is a code editor to build and debug apps. With the Flutter extension installed, you can compile, deploy, and debug Flutter apps. To install the latest version of VS Code, follow Microsoft's instructions for the relevant platform: ●Install on macOS ●Install on Windows ●Install on Linux

Install the VS Code Flutter extension

# Start VS Code. Open a browser and go to the Flutter extension page on the Visual Studio Marketplace. Click Install. Installing the Flutter extension also installs the Dart extension.

Validate your VS Code setup

# Go to View > Command Palette.... You can also press Ctrl / Cmd + Shift + P. Type doctor. Select Flutter: Run Flutter Doctor. Once you select this command, VS Code does the following. ●Opens the Output panel. ●Displays flutter (flutter) in the dropdown on the upper right of this panel. ●Displays the output of Flutter Doctor command.

Install Android Studio or IntelliJ IDEA

# Android Studio and IntelliJ IDEA offer a complete, IDE experience once you install the Flutter plugin. To install the latest version of the following IDEs, follow their instructions: ●Android Studio ●IntelliJ IDEA Community ●IntelliJ IDEA Ultimate

Install the Flutter plugin

# The installation instructions vary by platform.

macOS

# Use the following instructions for macOS: Start Android Studio or IntelliJ. From the macOS menu bar, go to Android Studio (orIntelliJ) > Settings.... You can also press Cmd + ,. The Preferences dialog opens. From the list at the left, select Plugins. From the top of this panel, select Marketplace. Type flutter in the plugins search field. Select the Flutter plugin. Click Install. Click Yes when prompted to install the plugin. Click Restart when prompted.

Linux or Windows

# Use the following instructions for Linux or Windows: Go to File > Settings. You can also press Ctrl + Alt + S. The Preferences dialog opens. From the list at the left, select Plugins. From the top of this panel, select Marketplace. Type flutter in the plugins search field. Select the Flutter plugin. Click Install. Click Yes when prompted to install the plugin. Click Restart when prompted. Was this page's content helpful? Thank you for your feedback! Provide details Thank you for your feedback! Please let us know what we can do to improve. Provide details Unless stated otherwise, the documentation on this site reflects the latest stable version of Flutter. Page last updated on 2025-02-06. View source orreport an issue.

Except as otherwise noted, this site is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the 3-Clause BSD License. ●Terms ●Brand ●Privacy ●Security