René's URL Explorer Experiment


Title: Building user interfaces with Flutter

Open Graph Title: Building user interfaces with Flutter

X Title: Building user interfaces with Flutter

Description: Introduction to user interface development in Flutter.

Open Graph Description: Introduction to user interface development in Flutter.

X Description: Introduction to user interface development in Flutter.

Opengraph URL: ui/index.md

X: @flutterdev

direct link

Domain: docs.flutter.dev

twitter:cardsummary
og:image/assets/images/flutter-logo-sharing.png
google-site-verificationHFqxhSbf9YA_0rBglNLzDiWnrHiK_w4cqDh2YD2GEY4
position0

Links:

Skip to main contenthttps://docs.flutter.dev/ui#site-content-title
Learn morehttps://policies.google.com/technologies/cookies
Flutter Docs https://docs.flutter.dev/
searchhttps://docs.flutter.dev/search
Flutterhttps://flutter.dev
FlutterDocshttps://docs.flutter.dev/
FlutterAPIhttps://api.flutter.dev
FlutterBloghttps://blog.flutter.dev
Darthttps://dart.dev
DartPadhttps://dartpad.dev
pub.devhttps://pub.dev
Get startedhttps://docs.flutter.dev/get-started/quick
buildSet up Flutterhttps://docs.flutter.dev/get-started
Overviewhttps://docs.flutter.dev/install
Install with VS Codehttps://docs.flutter.dev/install/with-vs-code
Install manuallyhttps://docs.flutter.dev/install/manual
Upgrade SDKhttps://docs.flutter.dev/install/upgrade
SDK archivehttps://docs.flutter.dev/install/archive
Add to pathhttps://docs.flutter.dev/install/add-to-path
Troubleshoothttps://docs.flutter.dev/install/troubleshoot
Uninstall SDKhttps://docs.flutter.dev/install/uninstall
Introductionhttps://docs.flutter.dev/get-started/learn-flutter
Write your first apphttps://docs.flutter.dev/get-started/codelab
Introductionhttps://docs.flutter.dev/get-started/fundamentals
Intro to Darthttps://docs.flutter.dev/get-started/fundamentals/dart
Widgetshttps://docs.flutter.dev/get-started/fundamentals/widgets
Layouthttps://docs.flutter.dev/get-started/fundamentals/layout
State managementhttps://docs.flutter.dev/get-started/fundamentals/state-management
Handling user inputhttps://docs.flutter.dev/get-started/fundamentals/user-input
Networking and datahttps://docs.flutter.dev/get-started/fundamentals/networking
Local data and cachinghttps://docs.flutter.dev/get-started/fundamentals/local-caching
Flutter for Android devshttps://docs.flutter.dev/get-started/flutter-for/android-devs
Flutter for Jetpack Compose devshttps://docs.flutter.dev/get-started/flutter-for/compose-devs
Flutter for SwiftUI devshttps://docs.flutter.dev/get-started/flutter-for/swiftui-devs
Flutter for UIKit devshttps://docs.flutter.dev/get-started/flutter-for/uikit-devs
Flutter for React Native devshttps://docs.flutter.dev/get-started/flutter-for/react-native-devs
Flutter for web devshttps://docs.flutter.dev/get-started/flutter-for/web-devs
Flutter for Xamarin.Forms devshttps://docs.flutter.dev/get-started/flutter-for/xamarin-forms-devs
Introduction to declarative UIhttps://docs.flutter.dev/get-started/flutter-for/declarative
Flutter versus Swift concurrencyhttps://docs.flutter.dev/get-started/flutter-for/dart-swift-concurrency
Learning resourceshttps://docs.flutter.dev/reference/learning-resources
Release noteshttps://docs.flutter.dev/release/release-notes
Breaking changeshttps://docs.flutter.dev/release/breaking-changes
Compatibility policyhttps://docs.flutter.dev/release/compatibility-policy
Flutter blogopen_in_newhttps://blog.flutter.dev
What's new in the docshttps://docs.flutter.dev/release/whats-new
Overviewhttps://docs.flutter.dev/data-and-backend/firebase
Discover Firebase for Flutteropen_in_newhttps://firebase.google.com/docs/flutter
Get to know Firebase for Flutteropen_in_newhttps://www.youtube.com/watch?v=wUSkeTaBonA
Add a user authentication flow to a Flutter app using FirebaseUIopen_in_newhttps://firebase.google.com/codelabs/firebase-auth-in-flutter-apps
Get to know Firebase for webopen_in_newhttps://firebase.google.com/codelabs/firebase-get-to-know-web
Overviewhttps://docs.flutter.dev/resources/games-toolkit
Add achievements and leaderboardshttps://docs.flutter.dev/cookbook/games/achievements-leaderboard
Build leaderboards with Firestoreopen_in_newhttps://firebase.google.com/codelabs/build-leaderboards-with-firestore#0
Add advertisinghttps://docs.flutter.dev/cookbook/plugins/google-mobile-ads
Add multiplayer supporthttps://docs.flutter.dev/cookbook/games/firestore-multiplayer
Add in-app purchasesopen_in_newhttps://codelabs.developers.google.com/codelabs/flutter-in-app-purchases
Add user authenticationopen_in_newhttps://firebase.google.com/codelabs/firebase-auth-in-flutter-apps
Debug using Crashlyticsopen_in_newhttps://firebase.google.com/docs/crashlytics/get-started?platform=flutter
Intro to Flame with Flutteropen_in_newhttps://codelabs.developers.google.com/codelabs/flutter-flame-brick-breaker
Ads overviewhttps://docs.flutter.dev/resources/ads-overview
Add advertisinghttps://docs.flutter.dev/cookbook/plugins/google-mobile-ads
Add AdMob ads to your Flutter appopen_in_newhttps://codelabs.developers.google.com/codelabs/admob-ads-in-flutter
Add an AdMob banner and native inline adsopen_in_newhttps://codelabs.developers.google.com/codelabs/admob-inline-ads-in-flutter
Integrate multimedia ads (video)open_in_newhttps://www.youtube.com/watch?v=U8x5n6RwZOo
Google AdMob mediationopen_in_newhttps://developers.google.com/admob/flutter/mediation
Interactive Media Ads SDKopen_in_newhttps://pub.dev/packages/interactive_media_ads
Payments overviewhttps://docs.flutter.dev/resources/payments-overview
Google pay packageopen_in_newhttps://pub.dev/packages/pay
Add in-app purchasesopen_in_newhttps://codelabs.developers.google.com/codelabs/flutter-in-app-purchases
Add Google maps to a Flutter appopen_in_newhttps://codelabs.developers.google.com/codelabs/google-maps-in-flutter
Google Maps packageopen_in_newhttps://developers.google.com/maps/flutter-package
Create with AIhttps://docs.flutter.dev/ai/create-with-ai
Rules for AIhttps://docs.flutter.dev/ai/ai-rules
Overviewhttps://docs.flutter.dev/ai/best-practices
Promptinghttps://docs.flutter.dev/ai/best-practices/prompting
Structure & outputhttps://docs.flutter.dev/ai/best-practices/structure-output
Tool calls (aka function calls)https://docs.flutter.dev/ai/best-practices/tool-calls
Mode of interactionhttps://docs.flutter.dev/ai/best-practices/mode-of-interaction
Developer experiencehttps://docs.flutter.dev/ai/best-practices/developer-experience
Overviewhttps://docs.flutter.dev/ai/ai-toolkit
User experiencehttps://docs.flutter.dev/ai/ai-toolkit/user-experience
Feature integrationhttps://docs.flutter.dev/ai/ai-toolkit/feature-integration
Custom LLM providershttps://docs.flutter.dev/ai/ai-toolkit/custom-llm-providers
Chat client samplehttps://docs.flutter.dev/ai/ai-toolkit/chat-client-sample
Overviewhttps://docs.flutter.dev/ai/genui
Main components & conceptshttps://docs.flutter.dev/ai/genui/components
Get startedhttps://docs.flutter.dev/ai/genui/get-started
Input and eventshttps://docs.flutter.dev/ai/genui/input-events
Dart & Flutter MCP serverhttps://docs.flutter.dev/ai/mcp-server
Flutter extension for Gemini CLIhttps://docs.flutter.dev/ai/gemini-cli-extension
Firebase AI Logicopen_in_newhttps://firebase.google.com/docs/ai-logic/get-started?platform=flutter
paletteIntroductionhttps://docs.flutter.dev/ui
Overviewhttps://docs.flutter.dev/ui/widgets
Cupertinohttps://docs.flutter.dev/ui/widgets/cupertino
Material componentshttps://docs.flutter.dev/ui/widgets/material
Accessibilityhttps://docs.flutter.dev/ui/widgets/accessibility
Animationhttps://docs.flutter.dev/ui/widgets/animation
Assetshttps://docs.flutter.dev/ui/widgets/assets
Asynchttps://docs.flutter.dev/ui/widgets/async
Basicshttps://docs.flutter.dev/ui/widgets/basics
Inputhttps://docs.flutter.dev/ui/widgets/input
Interactionhttps://docs.flutter.dev/ui/widgets/interaction
Layouthttps://docs.flutter.dev/ui/widgets/layout
Paintinghttps://docs.flutter.dev/ui/widgets/painting
Scrollinghttps://docs.flutter.dev/ui/widgets/scrolling
Stylinghttps://docs.flutter.dev/ui/widgets/styling
Texthttps://docs.flutter.dev/ui/widgets/text
Introductionhttps://docs.flutter.dev/ui/layout
Build a layouthttps://docs.flutter.dev/ui/layout/tutorial
Create and use listshttps://docs.flutter.dev/cookbook/lists/basic-list
Create a horizontal listhttps://docs.flutter.dev/cookbook/lists/horizontal-list
Create a grid viewhttps://docs.flutter.dev/cookbook/lists/grid-lists
Create lists with different types of itemshttps://docs.flutter.dev/cookbook/lists/mixed-list
Create lists with spaced itemshttps://docs.flutter.dev/cookbook/lists/spaced-items
Work with long listshttps://docs.flutter.dev/cookbook/lists/long-lists
Overviewhttps://docs.flutter.dev/ui/layout/scrolling
Use slivers to achieve fancy scrollinghttps://docs.flutter.dev/ui/layout/scrolling/slivers
Place a floating app bar above a listhttps://docs.flutter.dev/cookbook/lists/floating-app-bar
Create a scrolling parallax effecthttps://docs.flutter.dev/cookbook/effects/parallax-scrolling
Overviewhttps://docs.flutter.dev/ui/adaptive-responsive
General approachhttps://docs.flutter.dev/ui/adaptive-responsive/general
SafeArea & MediaQueryhttps://docs.flutter.dev/ui/adaptive-responsive/safearea-mediaquery
Large screens & foldableshttps://docs.flutter.dev/ui/adaptive-responsive/large-screens
User input & accessibilityhttps://docs.flutter.dev/ui/adaptive-responsive/input
Capabilities & policieshttps://docs.flutter.dev/ui/adaptive-responsive/capabilities
Automatic platform adaptationshttps://docs.flutter.dev/ui/adaptive-responsive/platform-adaptations
Best practiceshttps://docs.flutter.dev/ui/adaptive-responsive/best-practices
Additional resourceshttps://docs.flutter.dev/ui/adaptive-responsive/more-info
Share styles with themeshttps://docs.flutter.dev/cookbook/design/themes
Material designhttps://docs.flutter.dev/ui/design/material
Migrate to Material 3https://docs.flutter.dev/release/breaking-changes/material-3-migration
Fonts & typographyhttps://docs.flutter.dev/ui/design/text/typography
Use a custom fonthttps://docs.flutter.dev/cookbook/design/fonts
Export fonts from a packagehttps://docs.flutter.dev/cookbook/design/package-fonts
Google Fonts packageopen_in_newhttps://pub.dev/packages/google_fonts
Use custom fragment shadershttps://docs.flutter.dev/ui/design/graphics/fragment-shaders
Add interactivity to your apphttps://docs.flutter.dev/ui/interactivity
Introductionhttps://docs.flutter.dev/ui/interactivity/gestures
Handle tapshttps://docs.flutter.dev/cookbook/gestures/handling-taps
Drag an object outside an apphttps://docs.flutter.dev/ui/interactivity/gestures/drag-outside
Drag a UI element within an apphttps://docs.flutter.dev/cookbook/effects/drag-a-widget
Add Material touch rippleshttps://docs.flutter.dev/cookbook/gestures/ripples
Implement swipe to dismisshttps://docs.flutter.dev/cookbook/gestures/dismissible
Create and style a text fieldhttps://docs.flutter.dev/cookbook/forms/text-input
Retrieve the value of a text fieldhttps://docs.flutter.dev/cookbook/forms/retrieve-input
Handle changes to a text fieldhttps://docs.flutter.dev/cookbook/forms/text-field-changes
Manage focus in text fieldshttps://docs.flutter.dev/cookbook/forms/focus
Build a form with validationhttps://docs.flutter.dev/cookbook/forms/validation
Display a snackbarhttps://docs.flutter.dev/cookbook/design/snackbars
Implement actions & shortcutshttps://docs.flutter.dev/ui/interactivity/actions-and-shortcuts
Manage keyboard focushttps://docs.flutter.dev/ui/interactivity/focus
Add assets and imageshttps://docs.flutter.dev/ui/assets/assets-and-images
Display images from the internethttps://docs.flutter.dev/cookbook/images/network-image
Fade in images with a placeholderhttps://docs.flutter.dev/cookbook/images/fading-in-images
Play and pause a videohttps://docs.flutter.dev/cookbook/plugins/play-video
Transform assets at build timehttps://docs.flutter.dev/ui/assets/asset-transformation
Overviewhttps://docs.flutter.dev/ui/navigation
Add tabs to your apphttps://docs.flutter.dev/cookbook/design/tabs
Navigate to a new screen and backhttps://docs.flutter.dev/cookbook/navigation/navigation-basics
Send data to a new screenhttps://docs.flutter.dev/cookbook/navigation/passing-data
Return data from a screenhttps://docs.flutter.dev/cookbook/navigation/returning-data
Add a drawer to a screenhttps://docs.flutter.dev/cookbook/design/drawer
Set up deep linkinghttps://docs.flutter.dev/ui/navigation/deep-linking
Set up app links for Androidhttps://docs.flutter.dev/cookbook/navigation/set-up-app-links
Set up universal links for iOShttps://docs.flutter.dev/cookbook/navigation/set-up-universal-links
Configure web URL strategieshttps://docs.flutter.dev/ui/navigation/url-strategies
Introductionhttps://docs.flutter.dev/ui/animations
Tutorialhttps://docs.flutter.dev/ui/animations/tutorial
Implicit animationshttps://docs.flutter.dev/ui/animations/implicit-animations
Animate the properties of a containerhttps://docs.flutter.dev/cookbook/animation/animated-container
Fade a widget in and outhttps://docs.flutter.dev/cookbook/animation/opacity-animation
Hero animationshttps://docs.flutter.dev/ui/animations/hero-animations
Animate a page route transitionhttps://docs.flutter.dev/cookbook/animation/page-route-animation
Animate using a physics simulationhttps://docs.flutter.dev/cookbook/animation/physics-simulation
Staggered animationshttps://docs.flutter.dev/ui/animations/staggered-animations
Create a staggered menu animationhttps://docs.flutter.dev/cookbook/effects/staggered-menu-animation
API overviewhttps://docs.flutter.dev/ui/animations/overview
Introductionhttps://docs.flutter.dev/ui/accessibility
UI design & stylinghttps://docs.flutter.dev/ui/accessibility/ui-design-and-styling
Assistive technologieshttps://docs.flutter.dev/ui/accessibility/assistive-technologies
Accessibility testinghttps://docs.flutter.dev/ui/accessibility/accessibility-testing
Web accessibilityhttps://docs.flutter.dev/ui/accessibility/web-accessibility
translateInternationalizationhttps://docs.flutter.dev/ui/internationalization
Introductionhttps://docs.flutter.dev/data-and-backend/state-mgmt/intro
Think declarativelyhttps://docs.flutter.dev/data-and-backend/state-mgmt/declarative
Ephemeral vs app statehttps://docs.flutter.dev/data-and-backend/state-mgmt/ephemeral-vs-app
Simple app state managementhttps://docs.flutter.dev/data-and-backend/state-mgmt/simple
Optionshttps://docs.flutter.dev/data-and-backend/state-mgmt/options
Overviewhttps://docs.flutter.dev/data-and-backend/networking
Fetch data from the internethttps://docs.flutter.dev/cookbook/networking/fetch-data
Make authenticated requestshttps://docs.flutter.dev/cookbook/networking/authenticated-requests
Send data to the internethttps://docs.flutter.dev/cookbook/networking/send-data
Update data over the internethttps://docs.flutter.dev/cookbook/networking/update-data
Delete data on the internethttps://docs.flutter.dev/cookbook/networking/delete-data
Communicate with WebSocketshttps://docs.flutter.dev/cookbook/networking/web-sockets
JSON serializationhttps://docs.flutter.dev/data-and-backend/serialization/json
Parse JSON in the backgroundhttps://docs.flutter.dev/cookbook/networking/background-parsing
Store key-value data on diskhttps://docs.flutter.dev/cookbook/persistence/key-value
Read and write fileshttps://docs.flutter.dev/cookbook/persistence/reading-writing-files
Persist data with SQLitehttps://docs.flutter.dev/cookbook/persistence/sqlite
Overviewhttps://docs.flutter.dev/data-and-backend/firebase
Add Firebase to your Flutter appopen_in_newhttps://firebase.google.com/docs/flutter/setup
Google APIshttps://docs.flutter.dev/data-and-backend/google-apis
Introductionhttps://docs.flutter.dev/app-architecture
Architecture conceptshttps://docs.flutter.dev/app-architecture/concepts
Guide to app architecturehttps://docs.flutter.dev/app-architecture/guide
Overviewhttps://docs.flutter.dev/app-architecture/case-study
UI layerhttps://docs.flutter.dev/app-architecture/case-study/ui-layer
Data layerhttps://docs.flutter.dev/app-architecture/case-study/data-layer
Dependency injectionhttps://docs.flutter.dev/app-architecture/case-study/dependency-injection
Testing each layerhttps://docs.flutter.dev/app-architecture/case-study/testing
Recommendationshttps://docs.flutter.dev/app-architecture/recommendations
Design patternshttps://docs.flutter.dev/app-architecture/design-patterns
Supported platformshttps://docs.flutter.dev/reference/supported-platforms
Build desktop apps with Flutterhttps://docs.flutter.dev/platform-integration/desktop
Write platform-specific codehttps://docs.flutter.dev/platform-integration/platform-channels
Bind to native codehttps://docs.flutter.dev/platform-integration/bind-native-code
Set up Android developmenthttps://docs.flutter.dev/platform-integration/android/setup
Add a splash screenhttps://docs.flutter.dev/platform-integration/android/splash-screen
Add predictive backhttps://docs.flutter.dev/platform-integration/android/predictive-back
Host a native Android viewhttps://docs.flutter.dev/platform-integration/android/platform-views
Calling JetPack APIshttps://docs.flutter.dev/platform-integration/android/call-jetpack-apis
Launch a Jetpack Compose activityhttps://docs.flutter.dev/platform-integration/android/compose-activity
Restore state on Androidhttps://docs.flutter.dev/platform-integration/android/restore-state-android
Target ChromeOS with Androidhttps://docs.flutter.dev/platform-integration/android/chromeos
Protect your app's sensitive contenthttps://docs.flutter.dev/platform-integration/android/sensitive-content
Set up iOS developmenthttps://docs.flutter.dev/platform-integration/ios/setup
Flutter on latest iOShttps://docs.flutter.dev/platform-integration/ios/ios-latest
Leverage Apple's system librarieshttps://docs.flutter.dev/platform-integration/ios/apple-frameworks
Add a launch screenhttps://docs.flutter.dev/platform-integration/ios/launch-screen
Add iOS App Clip supporthttps://docs.flutter.dev/platform-integration/ios/ios-app-clip
Add iOS app extensionshttps://docs.flutter.dev/platform-integration/ios/app-extensions
Host a native iOS viewhttps://docs.flutter.dev/platform-integration/ios/platform-views
Enable debugging on iOShttps://docs.flutter.dev/platform-integration/ios/ios-debugging
Restore state on iOShttps://docs.flutter.dev/platform-integration/ios/restore-state-ios
Set up Linux developmenthttps://docs.flutter.dev/platform-integration/linux/setup
Build a Linux apphttps://docs.flutter.dev/platform-integration/linux/building
Set up macOS developmenthttps://docs.flutter.dev/platform-integration/macos/setup
Build a macOS apphttps://docs.flutter.dev/platform-integration/macos/building
Host a native macOS viewhttps://docs.flutter.dev/platform-integration/macos/platform-views
Web support in Flutterhttps://docs.flutter.dev/platform-integration/web
Set up web developmenthttps://docs.flutter.dev/platform-integration/web/setup
Set up a configuration filehttps://docs.flutter.dev/platform-integration/web/web-dev-config-file
Build a web apphttps://docs.flutter.dev/platform-integration/web/building
Compile to WebAssemblyhttps://docs.flutter.dev/platform-integration/web/wasm
Customize app initializationhttps://docs.flutter.dev/platform-integration/web/initialization
Add Flutter to any web apphttps://docs.flutter.dev/platform-integration/web/embedding-flutter-web
Web content in Flutterhttps://docs.flutter.dev/platform-integration/web/web-content-in-flutter
Web renderershttps://docs.flutter.dev/platform-integration/web/renderers
Display images on the webhttps://docs.flutter.dev/platform-integration/web/web-images
Web FAQhttps://docs.flutter.dev/platform-integration/web/faq
Set up Windows developmenthttps://docs.flutter.dev/platform-integration/windows/setup
Build a Windows apphttps://docs.flutter.dev/platform-integration/windows/building
Use packages & pluginshttps://docs.flutter.dev/packages-and-plugins/using-packages
Develop packages & pluginshttps://docs.flutter.dev/packages-and-plugins/developing-packages
For app developershttps://docs.flutter.dev/packages-and-plugins/swift-package-manager/for-app-developers
For plugin authorshttps://docs.flutter.dev/packages-and-plugins/swift-package-manager/for-plugin-authors
Flutter Favoriteshttps://docs.flutter.dev/packages-and-plugins/favorites
Package repositoryopen_in_newhttps://pub.dev/flutter
Overviewhttps://docs.flutter.dev/testing/overview
Introductionhttps://docs.flutter.dev/cookbook/testing/unit/introduction
Mock dependencieshttps://docs.flutter.dev/cookbook/testing/unit/mocking
Introductionhttps://docs.flutter.dev/cookbook/testing/widget/introduction
Find widgetshttps://docs.flutter.dev/cookbook/testing/widget/finders
Simulate scrollinghttps://docs.flutter.dev/cookbook/testing/widget/scrolling
Simulate user interactionhttps://docs.flutter.dev/cookbook/testing/widget/tap-drag
Introductionhttps://docs.flutter.dev/cookbook/testing/integration/introduction
Write and run an integration testhttps://docs.flutter.dev/testing/integration-tests
Profile an integration testhttps://docs.flutter.dev/cookbook/testing/integration/profiling
Test a pluginhttps://docs.flutter.dev/testing/testing-plugins
Handle plugin code in testshttps://docs.flutter.dev/testing/plugins-in-tests
Debugging toolshttps://docs.flutter.dev/testing/debugging
Debug your app programmaticallyhttps://docs.flutter.dev/testing/code-debugging
Use a native language debuggerhttps://docs.flutter.dev/testing/native-debugging
Common Flutter errorshttps://docs.flutter.dev/testing/common-errors
Handle errorshttps://docs.flutter.dev/testing/errors
Report errors to a servicehttps://docs.flutter.dev/cookbook/maintenance/error-reporting
Overviewhttps://docs.flutter.dev/perf
Impellerhttps://docs.flutter.dev/perf/impeller
Performance best practiceshttps://docs.flutter.dev/perf/best-practices
App sizehttps://docs.flutter.dev/perf/app-size
Deferred componentshttps://docs.flutter.dev/perf/deferred-components
Rendering performancehttps://docs.flutter.dev/perf/rendering-performance
Performance profilinghttps://docs.flutter.dev/perf/ui-performance
Performance profiling for webhttps://docs.flutter.dev/perf/web-performance
Performance metricshttps://docs.flutter.dev/perf/metrics
Concurrency and isolateshttps://docs.flutter.dev/perf/isolates
Performance FAQhttps://docs.flutter.dev/perf/faq
Appendixhttps://docs.flutter.dev/perf/appendix
Obfuscate Dart codehttps://docs.flutter.dev/deployment/obfuscate
Create app flavors for Androidhttps://docs.flutter.dev/deployment/flavors
Create app flavors for iOS and macOShttps://docs.flutter.dev/deployment/flavors-ios
Build and release an Android apphttps://docs.flutter.dev/deployment/android
Build and release an iOS apphttps://docs.flutter.dev/deployment/ios
Build and release a macOS apphttps://docs.flutter.dev/deployment/macos
Build and release a Linux apphttps://docs.flutter.dev/deployment/linux
Build and release a Windows apphttps://docs.flutter.dev/deployment/windows
Build and release a web apphttps://docs.flutter.dev/deployment/web
Set up continuous deploymenthttps://docs.flutter.dev/deployment/cd
Introductionhttps://docs.flutter.dev/add-to-app
Set up Android projecthttps://docs.flutter.dev/add-to-app/android/project-setup
Add a single Flutter screenhttps://docs.flutter.dev/add-to-app/android/add-flutter-screen
Add a Flutter Fragmenthttps://docs.flutter.dev/add-to-app/android/add-flutter-fragment
Add a Flutter Viewhttps://docs.flutter.dev/add-to-app/android/add-flutter-view
Use a Flutter pluginhttps://docs.flutter.dev/add-to-app/android/plugin-setup
Set up iOS projecthttps://docs.flutter.dev/add-to-app/ios/project-setup
Add a single Flutter screenhttps://docs.flutter.dev/add-to-app/ios/add-flutter-screen
Add to a web apphttps://docs.flutter.dev/platform-integration/web/embedding-flutter-web
Debug embedded Flutter modulehttps://docs.flutter.dev/add-to-app/debugging
Add multiple Flutter instanceshttps://docs.flutter.dev/add-to-app/multiple-flutters
Loading sequence and performancehttps://docs.flutter.dev/add-to-app/performance
Android Studio & IntelliJhttps://docs.flutter.dev/tools/android-studio
Visual Studio Codehttps://docs.flutter.dev/tools/vs-code
Overviewhttps://docs.flutter.dev/tools/devtools
Run from Android Studio & IntelliJhttps://docs.flutter.dev/tools/devtools/android-studio
Run from VS Codehttps://docs.flutter.dev/tools/devtools/vscode
Run from command linehttps://docs.flutter.dev/tools/devtools/cli
Flutter inspectorhttps://docs.flutter.dev/tools/devtools/inspector
Legacy Flutter inspectorhttps://docs.flutter.dev/tools/devtools/legacy-inspector
Performance viewhttps://docs.flutter.dev/tools/devtools/performance
CPU Profiler viewhttps://docs.flutter.dev/tools/devtools/cpu-profiler
Memory viewhttps://docs.flutter.dev/tools/devtools/memory
Debug console viewhttps://docs.flutter.dev/tools/devtools/console
Network viewhttps://docs.flutter.dev/tools/devtools/network
Debuggerhttps://docs.flutter.dev/tools/devtools/debugger
Logging viewhttps://docs.flutter.dev/tools/devtools/logging
App size toolhttps://docs.flutter.dev/tools/devtools/app-size
DevTools extensionshttps://docs.flutter.dev/tools/devtools/extensions
Validate deep linkshttps://docs.flutter.dev/tools/devtools/deep-links
Release noteshttps://docs.flutter.dev/tools/devtools/release-notes
Flutter Widget Previewerhttps://docs.flutter.dev/tools/widget-previewer
Flutter Property Editorhttps://docs.flutter.dev/tools/property-editor
SDK overviewhttps://docs.flutter.dev/tools/sdk
Flutter's pubspec optionshttps://docs.flutter.dev/tools/pubspec
Automated fixeshttps://docs.flutter.dev/tools/flutter-fix
Code formattinghttps://docs.flutter.dev/tools/formatting
Architectural overviewhttps://docs.flutter.dev/resources/architectural-overview
Inside Flutterhttps://docs.flutter.dev/resources/inside-flutter
Understanding constraintshttps://docs.flutter.dev/ui/layout/constraints
Flutter's build modeshttps://docs.flutter.dev/testing/build-modes
Hot reloadhttps://docs.flutter.dev/tools/hot-reload
FAQhttps://docs.flutter.dev/resources/faq
Videoshttps://docs.flutter.dev/resources/videos
Courseshttps://docs.flutter.dev/resources/courses
Glossaryhttps://docs.flutter.dev/resources/glossary
Learn Darthttps://docs.flutter.dev/resources/bootstrap-into-dart
Get supporthttps://docs.flutter.dev/resources/support
Contribute to Flutterhttps://docs.flutter.dev/contribute
Create useful bug reportshttps://docs.flutter.dev/resources/bug-reports
Discover proposed featureshttps://docs.flutter.dev/resources/design-docs
Who is Dash?https://docs.flutter.dev/dash
Widget indexhttps://docs.flutter.dev/reference/widgets
Create a new apphttps://docs.flutter.dev/reference/create-new-app
flutter CLIhttps://docs.flutter.dev/reference/flutter-cli
API docsopen_in_newhttps://api.flutter.dev
vertical_align_top Building user interfaces with Flutter https://docs.flutter.dev/ui#site-content-title
Hello worldhttps://docs.flutter.dev/ui#hello-world
Basic widgetshttps://docs.flutter.dev/ui#basic-widgets
Using Material Componentshttps://docs.flutter.dev/ui#using-material-components
Handling gestureshttps://docs.flutter.dev/ui#handling-gestures
Changing widgets in response to inputhttps://docs.flutter.dev/ui#changing-widgets-in-response-to-input
Bringing it all togetherhttps://docs.flutter.dev/ui#bringing-it-all-together
Responding to widget lifecycle eventshttps://docs.flutter.dev/ui#responding-to-widget-lifecycle-events
Keyshttps://docs.flutter.dev/ui#keys
Global keyshttps://docs.flutter.dev/ui#global-keys
building AI-powered apps with Flutter!https://docs.flutter.dev/ai/best-practices
Hello worldhttps://docs.flutter.dev/ui#hello-world
Basic widgetshttps://docs.flutter.dev/ui#basic-widgets
Using Material Componentshttps://docs.flutter.dev/ui#using-material-components
Handling gestureshttps://docs.flutter.dev/ui#handling-gestures
Changing widgets in response to inputhttps://docs.flutter.dev/ui#changing-widgets-in-response-to-input
Bringing it all togetherhttps://docs.flutter.dev/ui#bringing-it-all-together
Responding to widget lifecycle eventshttps://docs.flutter.dev/ui#responding-to-widget-lifecycle-events
Keyshttps://docs.flutter.dev/ui#keys
Global keyshttps://docs.flutter.dev/ui#global-keys
UIhttps://docs.flutter.dev/ui
docsView sourcehttps://github.com/flutter/website/blob/main/src/content/ui/index.md
bug_reportReport issuehttps://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/ui&page-source=https://github.com/flutter/website/blob/main/src/content/ui/index.md
Reacthttps://react.dev
building layoutshttps://docs.flutter.dev/ui/layout
adding interactivity to your Flutter apphttps://docs.flutter.dev/ui/interactivity
#https://docs.flutter.dev/ui#hello-world
runApp()https://api.flutter.dev/flutter/widgets/runApp.html
Widgethttps://api.flutter.dev/flutter/widgets/State-class.html#widget
Centerhttps://api.flutter.dev/flutter/widgets/Center-class.html
Texthttps://api.flutter.dev/flutter/widgets/Text-class.html
StatelessWidgethttps://api.flutter.dev/flutter/widgets/StatelessWidget-class.html
StatefulWidgethttps://api.flutter.dev/flutter/widgets/StatefulWidget-class.html
build()https://api.flutter.dev/flutter/widgets/StatelessWidget/build.html
RenderObjecthttps://api.flutter.dev/flutter/rendering/RenderObject-class.html
#https://docs.flutter.dev/ui#basic-widgets
Texthttps://api.flutter.dev/flutter/widgets/Text-class.html
Rowhttps://api.flutter.dev/flutter/widgets/Row-class.html
Columnhttps://api.flutter.dev/flutter/widgets/Column-class.html
Stackhttps://api.flutter.dev/flutter/widgets/Stack-class.html
Positionedhttps://api.flutter.dev/flutter/widgets/Positioned-class.html
Containerhttps://api.flutter.dev/flutter/widgets/Container-class.html
BoxDecorationhttps://api.flutter.dev/flutter/painting/BoxDecoration-class.html
Material iconshttps://design.google.com/icons/
MaterialApphttps://api.flutter.dev/flutter/material/MaterialApp-class.html
Containerhttps://api.flutter.dev/flutter/widgets/Container-class.html
Rowhttps://api.flutter.dev/flutter/widgets/Row-class.html
Expandedhttps://api.flutter.dev/flutter/widgets/Expanded-class.html
flexhttps://api.flutter.dev/flutter/widgets/Expanded-class.html#flex
Texthttps://api.flutter.dev/flutter/widgets/Text-class.html
Expandedhttps://api.flutter.dev/flutter/widgets/Expanded-class.html
Layoutshttps://docs.flutter.dev/ui/widgets/layout
#https://docs.flutter.dev/ui#using-material-components
MaterialApphttps://api.flutter.dev/flutter/material/MaterialApp-class.html
Navigatorhttps://api.flutter.dev/flutter/widgets/Navigator-class.html
MaterialApphttps://api.flutter.dev/flutter/material/MaterialApp-class.html
AppBarhttps://api.flutter.dev/flutter/material/AppBar-class.html
Scaffoldhttps://api.flutter.dev/flutter/material/Scaffold-class.html
Scaffoldhttps://api.flutter.dev/flutter/material/Scaffold-class.html
AppBarhttps://api.flutter.dev/flutter/material/AppBar-class.html
leadinghttps://api.flutter.dev/flutter/material/AppBar-class.html#leading
actionshttps://api.flutter.dev/flutter/material/AppBar-class.html#actions
titlehttps://api.flutter.dev/flutter/material/AppBar-class.html#title
Material Components widgetshttps://docs.flutter.dev/ui/widgets/material
Cupertino componentshttps://docs.flutter.dev/ui/widgets/cupertino
CupertinoApphttps://api.flutter.dev/flutter/cupertino/CupertinoApp-class.html
CupertinoNavigationBarhttps://api.flutter.dev/flutter/cupertino/CupertinoNavigationBar-class.html
#https://docs.flutter.dev/ui#handling-gestures
GestureDetectorhttps://api.flutter.dev/flutter/widgets/GestureDetector-class.html
Containerhttps://api.flutter.dev/flutter/widgets/Container-class.html
onTap()https://api.flutter.dev/flutter/widgets/GestureDetector-class.html#onTap
GestureDetectorhttps://api.flutter.dev/flutter/widgets/GestureDetector-class.html
IconButtonhttps://api.flutter.dev/flutter/material/IconButton-class.html
ElevatedButtonhttps://api.flutter.dev/flutter/material/ElevatedButton-class.html
FloatingActionButtonhttps://api.flutter.dev/flutter/material/FloatingActionButton-class.html
onPressed()https://api.flutter.dev/flutter/material/ElevatedButton-class.html#onPressed
Gestures in Flutterhttps://docs.flutter.dev/ui/interactivity/gestures
#https://docs.flutter.dev/ui#changing-widgets-in-response-to-input
finalhttps://dart.dev/language/variables#final-and-const
build()https://api.flutter.dev/flutter/widgets/StatelessWidget/build.html
ElevatedButtonhttps://api.flutter.dev/flutter/material/ElevatedButton-class.html
StatefulWidgethttps://api.flutter.dev/flutter/widgets/StatefulWidget-class.html
setState()https://api.flutter.dev/flutter/widgets/State/setState.html
#https://docs.flutter.dev/ui#bringing-it-all-together
finalhttps://dart.dev/language/variables#final-and-const
build()https://api.flutter.dev/flutter/widgets/StatelessWidget/build.html
runApp()https://api.flutter.dev/flutter/widgets/runApp.html
RenderObjecthttps://api.flutter.dev/flutter/rendering/RenderObject-class.html
StatefulWidgethttps://api.flutter.dev/flutter/widgets/StatefulWidget-class.html
createState()https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html#createState
Statehttps://api.flutter.dev/flutter/widgets/State-class.html
widgethttps://api.flutter.dev/flutter/widgets/State-class.html#widget
didUpdateWidget()https://api.flutter.dev/flutter/widgets/State-class.html#didUpdateWidget
setState()https://api.flutter.dev/flutter/widgets/State/setState.html
build()https://api.flutter.dev/flutter/widgets/StatelessWidget/build.html
#https://docs.flutter.dev/ui#responding-to-widget-lifecycle-events
createState()https://api.flutter.dev/flutter/widgets/StatefulWidget-class.html#createState
initState()https://api.flutter.dev/flutter/widgets/State-class.html#initState
Statehttps://api.flutter.dev/flutter/widgets/State-class.html
dispose()https://api.flutter.dev/flutter/widgets/State-class.html#dispose
Statehttps://api.flutter.dev/flutter/widgets/State-class.html
#https://docs.flutter.dev/ui#keys
runtimeTypehttps://api.flutter.dev/flutter/widgets/Widget-class.html#runtimeType
keyhttps://api.flutter.dev/flutter/widgets/Widget-class.html#key
Keyhttps://api.flutter.dev/flutter/widgets/Widget-class.html#key
#https://docs.flutter.dev/ui#global-keys
GlobalKeyhttps://api.flutter.dev/flutter/widgets/GlobalKey-class.html
View sourcehttps://github.com/flutter/website/blob/main/src/content/ui/index.md
report an issuehttps://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/ui&page-source=https://github.com/flutter/website/blob/main/src/content/ui/index.md
https://docs.flutter.dev/
https://blog.flutter.dev
https://youtube.com/@flutterdev
https://github.com/flutter
https://bsky.app/profile/flutter.dev
https://twitter.com/FlutterDev
Creative Commons Attribution 4.0 International License,https://creativecommons.org/licenses/by/4.0/
3-Clause BSD License.https://opensource.org/licenses/BSD-3-Clause
Termshttps://docs.flutter.dev/tos
Brandhttps://docs.flutter.dev/brand
Privacyhttps://policies.google.com/privacy
Securityhttps://docs.flutter.dev/security
https://jaspr.site

Viewport: width=device-width, initial-scale=1.0

URLs of crawlers that visited me.