| Skip to main content | https://docs.flutter.dev/ui/widgets#site-content-title |
| Learn more | https://policies.google.com/technologies/cookies |
|
Flutter
Docs
| https://docs.flutter.dev/ |
| search | https://docs.flutter.dev/search |
| Flutter | https://flutter.dev |
| FlutterDocs | https://docs.flutter.dev/ |
| FlutterAPI | https://api.flutter.dev |
| FlutterBlog | https://blog.flutter.dev |
| Dart | https://dart.dev |
| DartPad | https://dartpad.dev |
| pub.dev | https://pub.dev |
| Get started | https://docs.flutter.dev/get-started/quick |
| buildSet up Flutter | https://docs.flutter.dev/get-started |
| Overview | https://docs.flutter.dev/install |
| Install with VS Code | https://docs.flutter.dev/install/with-vs-code |
| Install manually | https://docs.flutter.dev/install/manual |
| Upgrade SDK | https://docs.flutter.dev/install/upgrade |
| SDK archive | https://docs.flutter.dev/install/archive |
| Add to path | https://docs.flutter.dev/install/add-to-path |
| Troubleshoot | https://docs.flutter.dev/install/troubleshoot |
| Uninstall SDK | https://docs.flutter.dev/install/uninstall |
| Introduction | https://docs.flutter.dev/get-started/learn-flutter |
| Write your first app | https://docs.flutter.dev/get-started/codelab |
| Introduction | https://docs.flutter.dev/get-started/fundamentals |
| Intro to Dart | https://docs.flutter.dev/get-started/fundamentals/dart |
| Widgets | https://docs.flutter.dev/get-started/fundamentals/widgets |
| Layout | https://docs.flutter.dev/get-started/fundamentals/layout |
| State management | https://docs.flutter.dev/get-started/fundamentals/state-management |
| Handling user input | https://docs.flutter.dev/get-started/fundamentals/user-input |
| Networking and data | https://docs.flutter.dev/get-started/fundamentals/networking |
| Local data and caching | https://docs.flutter.dev/get-started/fundamentals/local-caching |
| Flutter for Android devs | https://docs.flutter.dev/get-started/flutter-for/android-devs |
| Flutter for Jetpack Compose devs | https://docs.flutter.dev/get-started/flutter-for/compose-devs |
| Flutter for SwiftUI devs | https://docs.flutter.dev/get-started/flutter-for/swiftui-devs |
| Flutter for UIKit devs | https://docs.flutter.dev/get-started/flutter-for/uikit-devs |
| Flutter for React Native devs | https://docs.flutter.dev/get-started/flutter-for/react-native-devs |
| Flutter for web devs | https://docs.flutter.dev/get-started/flutter-for/web-devs |
| Flutter for Xamarin.Forms devs | https://docs.flutter.dev/get-started/flutter-for/xamarin-forms-devs |
| Introduction to declarative UI | https://docs.flutter.dev/get-started/flutter-for/declarative |
| Flutter versus Swift concurrency | https://docs.flutter.dev/get-started/flutter-for/dart-swift-concurrency |
| Learning resources | https://docs.flutter.dev/reference/learning-resources |
| Release notes | https://docs.flutter.dev/release/release-notes |
| Breaking changes | https://docs.flutter.dev/release/breaking-changes |
| Compatibility policy | https://docs.flutter.dev/release/compatibility-policy |
| Flutter blogopen_in_new | https://blog.flutter.dev |
| What's new in the docs | https://docs.flutter.dev/release/whats-new |
| Overview | https://docs.flutter.dev/data-and-backend/firebase |
| Discover Firebase for Flutteropen_in_new | https://firebase.google.com/docs/flutter |
| Get to know Firebase for Flutteropen_in_new | https://www.youtube.com/watch?v=wUSkeTaBonA |
| Add a user authentication flow to a Flutter app using FirebaseUIopen_in_new | https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps |
| Get to know Firebase for webopen_in_new | https://firebase.google.com/codelabs/firebase-get-to-know-web |
| Overview | https://docs.flutter.dev/resources/games-toolkit |
| Add achievements and leaderboards | https://docs.flutter.dev/cookbook/games/achievements-leaderboard |
| Build leaderboards with Firestoreopen_in_new | https://firebase.google.com/codelabs/build-leaderboards-with-firestore#0 |
| Add advertising | https://docs.flutter.dev/cookbook/plugins/google-mobile-ads |
| Add multiplayer support | https://docs.flutter.dev/cookbook/games/firestore-multiplayer |
| Add in-app purchasesopen_in_new | https://codelabs.developers.google.com/codelabs/flutter-in-app-purchases |
| Add user authenticationopen_in_new | https://firebase.google.com/codelabs/firebase-auth-in-flutter-apps |
| Debug using Crashlyticsopen_in_new | https://firebase.google.com/docs/crashlytics/get-started?platform=flutter |
| Intro to Flame with Flutteropen_in_new | https://codelabs.developers.google.com/codelabs/flutter-flame-brick-breaker |
| Ads overview | https://docs.flutter.dev/resources/ads-overview |
| Add advertising | https://docs.flutter.dev/cookbook/plugins/google-mobile-ads |
| Add AdMob ads to your Flutter appopen_in_new | https://codelabs.developers.google.com/codelabs/admob-ads-in-flutter |
| Add an AdMob banner and native inline adsopen_in_new | https://codelabs.developers.google.com/codelabs/admob-inline-ads-in-flutter |
| Integrate multimedia ads (video)open_in_new | https://www.youtube.com/watch?v=U8x5n6RwZOo |
| Google AdMob mediationopen_in_new | https://developers.google.com/admob/flutter/mediation |
| Interactive Media Ads SDKopen_in_new | https://pub.dev/packages/interactive_media_ads |
| Payments overview | https://docs.flutter.dev/resources/payments-overview |
| Google pay packageopen_in_new | https://pub.dev/packages/pay |
| Add in-app purchasesopen_in_new | https://codelabs.developers.google.com/codelabs/flutter-in-app-purchases |
| Add Google maps to a Flutter appopen_in_new | https://codelabs.developers.google.com/codelabs/google-maps-in-flutter |
| Google Maps packageopen_in_new | https://developers.google.com/maps/flutter-package |
| Create with AI | https://docs.flutter.dev/ai/create-with-ai |
| Rules for AI | https://docs.flutter.dev/ai/ai-rules |
| Overview | https://docs.flutter.dev/ai/best-practices |
| Prompting | https://docs.flutter.dev/ai/best-practices/prompting |
| Structure & output | https://docs.flutter.dev/ai/best-practices/structure-output |
| Tool calls (aka function calls) | https://docs.flutter.dev/ai/best-practices/tool-calls |
| Mode of interaction | https://docs.flutter.dev/ai/best-practices/mode-of-interaction |
| Developer experience | https://docs.flutter.dev/ai/best-practices/developer-experience |
| Overview | https://docs.flutter.dev/ai/ai-toolkit |
| User experience | https://docs.flutter.dev/ai/ai-toolkit/user-experience |
| Feature integration | https://docs.flutter.dev/ai/ai-toolkit/feature-integration |
| Custom LLM providers | https://docs.flutter.dev/ai/ai-toolkit/custom-llm-providers |
| Chat client sample | https://docs.flutter.dev/ai/ai-toolkit/chat-client-sample |
| Overview | https://docs.flutter.dev/ai/genui |
| Main components & concepts | https://docs.flutter.dev/ai/genui/components |
| Get started | https://docs.flutter.dev/ai/genui/get-started |
| Input and events | https://docs.flutter.dev/ai/genui/input-events |
| Dart & Flutter MCP server | https://docs.flutter.dev/ai/mcp-server |
| Flutter extension for Gemini CLI | https://docs.flutter.dev/ai/gemini-cli-extension |
| Firebase AI Logicopen_in_new | https://firebase.google.com/docs/ai-logic/get-started?platform=flutter |
| paletteIntroduction | https://docs.flutter.dev/ui |
| Overview | https://docs.flutter.dev/ui/widgets |
| Cupertino | https://docs.flutter.dev/ui/widgets/cupertino |
| Material components | https://docs.flutter.dev/ui/widgets/material |
| Accessibility | https://docs.flutter.dev/ui/widgets/accessibility |
| Animation | https://docs.flutter.dev/ui/widgets/animation |
| Assets | https://docs.flutter.dev/ui/widgets/assets |
| Async | https://docs.flutter.dev/ui/widgets/async |
| Basics | https://docs.flutter.dev/ui/widgets/basics |
| Input | https://docs.flutter.dev/ui/widgets/input |
| Interaction | https://docs.flutter.dev/ui/widgets/interaction |
| Layout | https://docs.flutter.dev/ui/widgets/layout |
| Painting | https://docs.flutter.dev/ui/widgets/painting |
| Scrolling | https://docs.flutter.dev/ui/widgets/scrolling |
| Styling | https://docs.flutter.dev/ui/widgets/styling |
| Text | https://docs.flutter.dev/ui/widgets/text |
| Introduction | https://docs.flutter.dev/ui/layout |
| Build a layout | https://docs.flutter.dev/ui/layout/tutorial |
| Create and use lists | https://docs.flutter.dev/cookbook/lists/basic-list |
| Create a horizontal list | https://docs.flutter.dev/cookbook/lists/horizontal-list |
| Create a grid view | https://docs.flutter.dev/cookbook/lists/grid-lists |
| Create lists with different types of items | https://docs.flutter.dev/cookbook/lists/mixed-list |
| Create lists with spaced items | https://docs.flutter.dev/cookbook/lists/spaced-items |
| Work with long lists | https://docs.flutter.dev/cookbook/lists/long-lists |
| Overview | https://docs.flutter.dev/ui/layout/scrolling |
| Use slivers to achieve fancy scrolling | https://docs.flutter.dev/ui/layout/scrolling/slivers |
| Place a floating app bar above a list | https://docs.flutter.dev/cookbook/lists/floating-app-bar |
| Create a scrolling parallax effect | https://docs.flutter.dev/cookbook/effects/parallax-scrolling |
| Overview | https://docs.flutter.dev/ui/adaptive-responsive |
| General approach | https://docs.flutter.dev/ui/adaptive-responsive/general |
| SafeArea & MediaQuery | https://docs.flutter.dev/ui/adaptive-responsive/safearea-mediaquery |
| Large screens & foldables | https://docs.flutter.dev/ui/adaptive-responsive/large-screens |
| User input & accessibility | https://docs.flutter.dev/ui/adaptive-responsive/input |
| Capabilities & policies | https://docs.flutter.dev/ui/adaptive-responsive/capabilities |
| Automatic platform adaptations | https://docs.flutter.dev/ui/adaptive-responsive/platform-adaptations |
| Best practices | https://docs.flutter.dev/ui/adaptive-responsive/best-practices |
| Additional resources | https://docs.flutter.dev/ui/adaptive-responsive/more-info |
| Share styles with themes | https://docs.flutter.dev/cookbook/design/themes |
| Material design | https://docs.flutter.dev/ui/design/material |
| Migrate to Material 3 | https://docs.flutter.dev/release/breaking-changes/material-3-migration |
| Fonts & typography | https://docs.flutter.dev/ui/design/text/typography |
| Use a custom font | https://docs.flutter.dev/cookbook/design/fonts |
| Export fonts from a package | https://docs.flutter.dev/cookbook/design/package-fonts |
| Google Fonts packageopen_in_new | https://pub.dev/packages/google_fonts |
| Use custom fragment shaders | https://docs.flutter.dev/ui/design/graphics/fragment-shaders |
| Add interactivity to your app | https://docs.flutter.dev/ui/interactivity |
| Introduction | https://docs.flutter.dev/ui/interactivity/gestures |
| Handle taps | https://docs.flutter.dev/cookbook/gestures/handling-taps |
| Drag an object outside an app | https://docs.flutter.dev/ui/interactivity/gestures/drag-outside |
| Drag a UI element within an app | https://docs.flutter.dev/cookbook/effects/drag-a-widget |
| Add Material touch ripples | https://docs.flutter.dev/cookbook/gestures/ripples |
| Implement swipe to dismiss | https://docs.flutter.dev/cookbook/gestures/dismissible |
| Create and style a text field | https://docs.flutter.dev/cookbook/forms/text-input |
| Retrieve the value of a text field | https://docs.flutter.dev/cookbook/forms/retrieve-input |
| Handle changes to a text field | https://docs.flutter.dev/cookbook/forms/text-field-changes |
| Manage focus in text fields | https://docs.flutter.dev/cookbook/forms/focus |
| Build a form with validation | https://docs.flutter.dev/cookbook/forms/validation |
| Display a snackbar | https://docs.flutter.dev/cookbook/design/snackbars |
| Implement actions & shortcuts | https://docs.flutter.dev/ui/interactivity/actions-and-shortcuts |
| Manage keyboard focus | https://docs.flutter.dev/ui/interactivity/focus |
| Add assets and images | https://docs.flutter.dev/ui/assets/assets-and-images |
| Display images from the internet | https://docs.flutter.dev/cookbook/images/network-image |
| Fade in images with a placeholder | https://docs.flutter.dev/cookbook/images/fading-in-images |
| Play and pause a video | https://docs.flutter.dev/cookbook/plugins/play-video |
| Transform assets at build time | https://docs.flutter.dev/ui/assets/asset-transformation |
| Overview | https://docs.flutter.dev/ui/navigation |
| Add tabs to your app | https://docs.flutter.dev/cookbook/design/tabs |
| Navigate to a new screen and back | https://docs.flutter.dev/cookbook/navigation/navigation-basics |
| Send data to a new screen | https://docs.flutter.dev/cookbook/navigation/passing-data |
| Return data from a screen | https://docs.flutter.dev/cookbook/navigation/returning-data |
| Add a drawer to a screen | https://docs.flutter.dev/cookbook/design/drawer |
| Set up deep linking | https://docs.flutter.dev/ui/navigation/deep-linking |
| Set up app links for Android | https://docs.flutter.dev/cookbook/navigation/set-up-app-links |
| Set up universal links for iOS | https://docs.flutter.dev/cookbook/navigation/set-up-universal-links |
| Configure web URL strategies | https://docs.flutter.dev/ui/navigation/url-strategies |
| Introduction | https://docs.flutter.dev/ui/animations |
| Tutorial | https://docs.flutter.dev/ui/animations/tutorial |
| Implicit animations | https://docs.flutter.dev/ui/animations/implicit-animations |
| Animate the properties of a container | https://docs.flutter.dev/cookbook/animation/animated-container |
| Fade a widget in and out | https://docs.flutter.dev/cookbook/animation/opacity-animation |
| Hero animations | https://docs.flutter.dev/ui/animations/hero-animations |
| Animate a page route transition | https://docs.flutter.dev/cookbook/animation/page-route-animation |
| Animate using a physics simulation | https://docs.flutter.dev/cookbook/animation/physics-simulation |
| Staggered animations | https://docs.flutter.dev/ui/animations/staggered-animations |
| Create a staggered menu animation | https://docs.flutter.dev/cookbook/effects/staggered-menu-animation |
| API overview | https://docs.flutter.dev/ui/animations/overview |
| Introduction | https://docs.flutter.dev/ui/accessibility |
| UI design & styling | https://docs.flutter.dev/ui/accessibility/ui-design-and-styling |
| Assistive technologies | https://docs.flutter.dev/ui/accessibility/assistive-technologies |
| Accessibility testing | https://docs.flutter.dev/ui/accessibility/accessibility-testing |
| Web accessibility | https://docs.flutter.dev/ui/accessibility/web-accessibility |
| translateInternationalization | https://docs.flutter.dev/ui/internationalization |
| Introduction | https://docs.flutter.dev/data-and-backend/state-mgmt/intro |
| Think declaratively | https://docs.flutter.dev/data-and-backend/state-mgmt/declarative |
| Ephemeral vs app state | https://docs.flutter.dev/data-and-backend/state-mgmt/ephemeral-vs-app |
| Simple app state management | https://docs.flutter.dev/data-and-backend/state-mgmt/simple |
| Options | https://docs.flutter.dev/data-and-backend/state-mgmt/options |
| Overview | https://docs.flutter.dev/data-and-backend/networking |
| Fetch data from the internet | https://docs.flutter.dev/cookbook/networking/fetch-data |
| Make authenticated requests | https://docs.flutter.dev/cookbook/networking/authenticated-requests |
| Send data to the internet | https://docs.flutter.dev/cookbook/networking/send-data |
| Update data over the internet | https://docs.flutter.dev/cookbook/networking/update-data |
| Delete data on the internet | https://docs.flutter.dev/cookbook/networking/delete-data |
| Communicate with WebSockets | https://docs.flutter.dev/cookbook/networking/web-sockets |
| JSON serialization | https://docs.flutter.dev/data-and-backend/serialization/json |
| Parse JSON in the background | https://docs.flutter.dev/cookbook/networking/background-parsing |
| Store key-value data on disk | https://docs.flutter.dev/cookbook/persistence/key-value |
| Read and write files | https://docs.flutter.dev/cookbook/persistence/reading-writing-files |
| Persist data with SQLite | https://docs.flutter.dev/cookbook/persistence/sqlite |
| Overview | https://docs.flutter.dev/data-and-backend/firebase |
| Add Firebase to your Flutter appopen_in_new | https://firebase.google.com/docs/flutter/setup |
| Google APIs | https://docs.flutter.dev/data-and-backend/google-apis |
| Introduction | https://docs.flutter.dev/app-architecture |
| Architecture concepts | https://docs.flutter.dev/app-architecture/concepts |
| Guide to app architecture | https://docs.flutter.dev/app-architecture/guide |
| Overview | https://docs.flutter.dev/app-architecture/case-study |
| UI layer | https://docs.flutter.dev/app-architecture/case-study/ui-layer |
| Data layer | https://docs.flutter.dev/app-architecture/case-study/data-layer |
| Dependency injection | https://docs.flutter.dev/app-architecture/case-study/dependency-injection |
| Testing each layer | https://docs.flutter.dev/app-architecture/case-study/testing |
| Recommendations | https://docs.flutter.dev/app-architecture/recommendations |
| Design patterns | https://docs.flutter.dev/app-architecture/design-patterns |
| Supported platforms | https://docs.flutter.dev/reference/supported-platforms |
| Build desktop apps with Flutter | https://docs.flutter.dev/platform-integration/desktop |
| Write platform-specific code | https://docs.flutter.dev/platform-integration/platform-channels |
| Bind to native code | https://docs.flutter.dev/platform-integration/bind-native-code |
| Set up Android development | https://docs.flutter.dev/platform-integration/android/setup |
| Add a splash screen | https://docs.flutter.dev/platform-integration/android/splash-screen |
| Add predictive back | https://docs.flutter.dev/platform-integration/android/predictive-back |
| Host a native Android view | https://docs.flutter.dev/platform-integration/android/platform-views |
| Calling JetPack APIs | https://docs.flutter.dev/platform-integration/android/call-jetpack-apis |
| Launch a Jetpack Compose activity | https://docs.flutter.dev/platform-integration/android/compose-activity |
| Restore state on Android | https://docs.flutter.dev/platform-integration/android/restore-state-android |
| Target ChromeOS with Android | https://docs.flutter.dev/platform-integration/android/chromeos |
| Protect your app's sensitive content | https://docs.flutter.dev/platform-integration/android/sensitive-content |
| Set up iOS development | https://docs.flutter.dev/platform-integration/ios/setup |
| Flutter on latest iOS | https://docs.flutter.dev/platform-integration/ios/ios-latest |
| Leverage Apple's system libraries | https://docs.flutter.dev/platform-integration/ios/apple-frameworks |
| Add a launch screen | https://docs.flutter.dev/platform-integration/ios/launch-screen |
| Add iOS App Clip support | https://docs.flutter.dev/platform-integration/ios/ios-app-clip |
| Add iOS app extensions | https://docs.flutter.dev/platform-integration/ios/app-extensions |
| Host a native iOS view | https://docs.flutter.dev/platform-integration/ios/platform-views |
| Enable debugging on iOS | https://docs.flutter.dev/platform-integration/ios/ios-debugging |
| Restore state on iOS | https://docs.flutter.dev/platform-integration/ios/restore-state-ios |
| Set up Linux development | https://docs.flutter.dev/platform-integration/linux/setup |
| Build a Linux app | https://docs.flutter.dev/platform-integration/linux/building |
| Set up macOS development | https://docs.flutter.dev/platform-integration/macos/setup |
| Build a macOS app | https://docs.flutter.dev/platform-integration/macos/building |
| Host a native macOS view | https://docs.flutter.dev/platform-integration/macos/platform-views |
| Web support in Flutter | https://docs.flutter.dev/platform-integration/web |
| Set up web development | https://docs.flutter.dev/platform-integration/web/setup |
| Set up a configuration file | https://docs.flutter.dev/platform-integration/web/web-dev-config-file |
| Build a web app | https://docs.flutter.dev/platform-integration/web/building |
| Compile to WebAssembly | https://docs.flutter.dev/platform-integration/web/wasm |
| Customize app initialization | https://docs.flutter.dev/platform-integration/web/initialization |
| Add Flutter to any web app | https://docs.flutter.dev/platform-integration/web/embedding-flutter-web |
| Web content in Flutter | https://docs.flutter.dev/platform-integration/web/web-content-in-flutter |
| Web renderers | https://docs.flutter.dev/platform-integration/web/renderers |
| Display images on the web | https://docs.flutter.dev/platform-integration/web/web-images |
| Web FAQ | https://docs.flutter.dev/platform-integration/web/faq |
| Set up Windows development | https://docs.flutter.dev/platform-integration/windows/setup |
| Build a Windows app | https://docs.flutter.dev/platform-integration/windows/building |
| Use packages & plugins | https://docs.flutter.dev/packages-and-plugins/using-packages |
| Develop packages & plugins | https://docs.flutter.dev/packages-and-plugins/developing-packages |
| For app developers | https://docs.flutter.dev/packages-and-plugins/swift-package-manager/for-app-developers |
| For plugin authors | https://docs.flutter.dev/packages-and-plugins/swift-package-manager/for-plugin-authors |
| Flutter Favorites | https://docs.flutter.dev/packages-and-plugins/favorites |
| Package repositoryopen_in_new | https://pub.dev/flutter |
| Overview | https://docs.flutter.dev/testing/overview |
| Introduction | https://docs.flutter.dev/cookbook/testing/unit/introduction |
| Mock dependencies | https://docs.flutter.dev/cookbook/testing/unit/mocking |
| Introduction | https://docs.flutter.dev/cookbook/testing/widget/introduction |
| Find widgets | https://docs.flutter.dev/cookbook/testing/widget/finders |
| Simulate scrolling | https://docs.flutter.dev/cookbook/testing/widget/scrolling |
| Simulate user interaction | https://docs.flutter.dev/cookbook/testing/widget/tap-drag |
| Introduction | https://docs.flutter.dev/cookbook/testing/integration/introduction |
| Write and run an integration test | https://docs.flutter.dev/testing/integration-tests |
| Profile an integration test | https://docs.flutter.dev/cookbook/testing/integration/profiling |
| Test a plugin | https://docs.flutter.dev/testing/testing-plugins |
| Handle plugin code in tests | https://docs.flutter.dev/testing/plugins-in-tests |
| Debugging tools | https://docs.flutter.dev/testing/debugging |
| Debug your app programmatically | https://docs.flutter.dev/testing/code-debugging |
| Use a native language debugger | https://docs.flutter.dev/testing/native-debugging |
| Common Flutter errors | https://docs.flutter.dev/testing/common-errors |
| Handle errors | https://docs.flutter.dev/testing/errors |
| Report errors to a service | https://docs.flutter.dev/cookbook/maintenance/error-reporting |
| Overview | https://docs.flutter.dev/perf |
| Impeller | https://docs.flutter.dev/perf/impeller |
| Performance best practices | https://docs.flutter.dev/perf/best-practices |
| App size | https://docs.flutter.dev/perf/app-size |
| Deferred components | https://docs.flutter.dev/perf/deferred-components |
| Rendering performance | https://docs.flutter.dev/perf/rendering-performance |
| Performance profiling | https://docs.flutter.dev/perf/ui-performance |
| Performance profiling for web | https://docs.flutter.dev/perf/web-performance |
| Performance metrics | https://docs.flutter.dev/perf/metrics |
| Concurrency and isolates | https://docs.flutter.dev/perf/isolates |
| Performance FAQ | https://docs.flutter.dev/perf/faq |
| Appendix | https://docs.flutter.dev/perf/appendix |
| Obfuscate Dart code | https://docs.flutter.dev/deployment/obfuscate |
| Create app flavors for Android | https://docs.flutter.dev/deployment/flavors |
| Create app flavors for iOS and macOS | https://docs.flutter.dev/deployment/flavors-ios |
| Build and release an Android app | https://docs.flutter.dev/deployment/android |
| Build and release an iOS app | https://docs.flutter.dev/deployment/ios |
| Build and release a macOS app | https://docs.flutter.dev/deployment/macos |
| Build and release a Linux app | https://docs.flutter.dev/deployment/linux |
| Build and release a Windows app | https://docs.flutter.dev/deployment/windows |
| Build and release a web app | https://docs.flutter.dev/deployment/web |
| Set up continuous deployment | https://docs.flutter.dev/deployment/cd |
| Introduction | https://docs.flutter.dev/add-to-app |
| Set up Android project | https://docs.flutter.dev/add-to-app/android/project-setup |
| Add a single Flutter screen | https://docs.flutter.dev/add-to-app/android/add-flutter-screen |
| Add a Flutter Fragment | https://docs.flutter.dev/add-to-app/android/add-flutter-fragment |
| Add a Flutter View | https://docs.flutter.dev/add-to-app/android/add-flutter-view |
| Use a Flutter plugin | https://docs.flutter.dev/add-to-app/android/plugin-setup |
| Set up iOS project | https://docs.flutter.dev/add-to-app/ios/project-setup |
| Add a single Flutter screen | https://docs.flutter.dev/add-to-app/ios/add-flutter-screen |
| Add to a web app | https://docs.flutter.dev/platform-integration/web/embedding-flutter-web |
| Debug embedded Flutter module | https://docs.flutter.dev/add-to-app/debugging |
| Add multiple Flutter instances | https://docs.flutter.dev/add-to-app/multiple-flutters |
| Loading sequence and performance | https://docs.flutter.dev/add-to-app/performance |
| Android Studio & IntelliJ | https://docs.flutter.dev/tools/android-studio |
| Visual Studio Code | https://docs.flutter.dev/tools/vs-code |
| Overview | https://docs.flutter.dev/tools/devtools |
| Run from Android Studio & IntelliJ | https://docs.flutter.dev/tools/devtools/android-studio |
| Run from VS Code | https://docs.flutter.dev/tools/devtools/vscode |
| Run from command line | https://docs.flutter.dev/tools/devtools/cli |
| Flutter inspector | https://docs.flutter.dev/tools/devtools/inspector |
| Legacy Flutter inspector | https://docs.flutter.dev/tools/devtools/legacy-inspector |
| Performance view | https://docs.flutter.dev/tools/devtools/performance |
| CPU Profiler view | https://docs.flutter.dev/tools/devtools/cpu-profiler |
| Memory view | https://docs.flutter.dev/tools/devtools/memory |
| Debug console view | https://docs.flutter.dev/tools/devtools/console |
| Network view | https://docs.flutter.dev/tools/devtools/network |
| Debugger | https://docs.flutter.dev/tools/devtools/debugger |
| Logging view | https://docs.flutter.dev/tools/devtools/logging |
| App size tool | https://docs.flutter.dev/tools/devtools/app-size |
| DevTools extensions | https://docs.flutter.dev/tools/devtools/extensions |
| Validate deep links | https://docs.flutter.dev/tools/devtools/deep-links |
| Release notes | https://docs.flutter.dev/tools/devtools/release-notes |
| Flutter Widget Previewer | https://docs.flutter.dev/tools/widget-previewer |
| Flutter Property Editor | https://docs.flutter.dev/tools/property-editor |
| SDK overview | https://docs.flutter.dev/tools/sdk |
| Flutter's pubspec options | https://docs.flutter.dev/tools/pubspec |
| Automated fixes | https://docs.flutter.dev/tools/flutter-fix |
| Code formatting | https://docs.flutter.dev/tools/formatting |
| Architectural overview | https://docs.flutter.dev/resources/architectural-overview |
| Inside Flutter | https://docs.flutter.dev/resources/inside-flutter |
| Understanding constraints | https://docs.flutter.dev/ui/layout/constraints |
| Flutter's build modes | https://docs.flutter.dev/testing/build-modes |
| Hot reload | https://docs.flutter.dev/tools/hot-reload |
| FAQ | https://docs.flutter.dev/resources/faq |
| Videos | https://docs.flutter.dev/resources/videos |
| Courses | https://docs.flutter.dev/resources/courses |
| Glossary | https://docs.flutter.dev/resources/glossary |
| Learn Dart | https://docs.flutter.dev/resources/bootstrap-into-dart |
| Get support | https://docs.flutter.dev/resources/support |
| Contribute to Flutter | https://docs.flutter.dev/contribute |
| Create useful bug reports | https://docs.flutter.dev/resources/bug-reports |
| Discover proposed features | https://docs.flutter.dev/resources/design-docs |
| Who is Dash? | https://docs.flutter.dev/dash |
| Widget index | https://docs.flutter.dev/reference/widgets |
| Create a new app | https://docs.flutter.dev/reference/create-new-app |
| flutter CLI | https://docs.flutter.dev/reference/flutter-cli |
| API docsopen_in_new | https://api.flutter.dev |
| building AI-powered apps with Flutter! | https://docs.flutter.dev/ai/best-practices |
| UI | https://docs.flutter.dev/ui |
| Widgets | https://docs.flutter.dev/ui/widgets |
| docsView source | https://github.com/flutter/website/blob/main/src/content/ui/widgets/index.md |
| bug_reportReport issue | https://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/ui/widgets&page-source=https://github.com/flutter/website/blob/main/src/content/ui/widgets/index.md |
| widget index | https://docs.flutter.dev/reference/widgets |
| # | https://docs.flutter.dev/ui/widgets#design-systems |
| Cupertino
Beautiful and high-fidelity widgets that align with
Apple's Human Interface Guidelines for iOS and macOS.
| https://docs.flutter.dev/ui/widgets/cupertino |
| Material design
Visual, behavioral, and motion-rich widgets implementing
the Material 3 design specification.
| https://docs.flutter.dev/ui/widgets/material |
| pub.dev | https://pub.dev |
| fluent_ui | https://pub.dev/packages/fluent_ui |
| macos_ui | https://pub.dev/packages/macos_ui |
| yaru | https://pub.dev/packages/yaru |
| # | https://docs.flutter.dev/ui/widgets#base-widgets |
|
Accessibility
Make your app accessible.
| https://docs.flutter.dev/ui/widgets/accessibility |
|
Animation and motion
Bring animations to your app.
| https://docs.flutter.dev/ui/widgets/animation |
|
Assets, images, and icons
Manage assets, display images, and show icons.
| https://docs.flutter.dev/ui/widgets/assets |
|
Async
Widgets supporting async patterns in your Flutter apps.
| https://docs.flutter.dev/ui/widgets/async |
|
Basics
Widgets to know before building your first Flutter app.
| https://docs.flutter.dev/ui/widgets/basics |
|
Input
Take user input in addition to input widgets in Material components and Cupertino.
| https://docs.flutter.dev/ui/widgets/input |
|
Interaction models
Respond to touch events and route users to different views.
| https://docs.flutter.dev/ui/widgets/interaction |
|
Layout
Arrange other widgets columns, rows, grids, and many other layouts.
| https://docs.flutter.dev/ui/widgets/layout |
|
Painting and effects
These widgets apply visual effects to the children without changing their layout, size, or position.
| https://docs.flutter.dev/ui/widgets/painting |
|
Scrolling
Scroll multiple widgets as children of the parent.
| https://docs.flutter.dev/ui/widgets/scrolling |
|
Styling
Manage the theme of your app, make your app responsive to screen sizes, or add padding.
| https://docs.flutter.dev/ui/widgets/styling |
|
Text
Display and style text.
| https://docs.flutter.dev/ui/widgets/text |
| # | https://docs.flutter.dev/ui/widgets#widget-of-the-week |
| Watch on YouTube in a new tab: "CupertinoRadio - Flutter widget of the week" | https://www.youtube.com/watch/D0xwcz2IqAY |
| Watch on YouTube in a new tab: "CupertinoSheetRoute - Flutter widget of the week" | https://www.youtube.com/watch/5H-WvH5O29I |
| Watch on YouTube in a new tab: "CupertinoSlidingSegmentedControl - Flutter widget of the week" | https://www.youtube.com/watch/esnBf6V4C34 |
| Watch on YouTube in a new tab: "CupertinoCheckbox - Flutter widget of the week" | https://www.youtube.com/watch/ua54JU7k1Us |
| Watch on YouTube in a new tab: "CupertinoSwitch - Flutter widget of the week" | https://www.youtube.com/watch/24tg_N4sdMQ |
| Watch on YouTube in a new tab: "CarouselView - Flutter widget of the week" | https://www.youtube.com/watch/GQ8ajYVF0bo |
| Watch more widget of the week videos | https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG |
| View source | https://github.com/flutter/website/blob/main/src/content/ui/widgets/index.md |
| report an issue | https://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/ui/widgets&page-source=https://github.com/flutter/website/blob/main/src/content/ui/widgets/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 |
| Terms | https://docs.flutter.dev/tos |
| Brand | https://docs.flutter.dev/brand |
| Privacy | https://policies.google.com/privacy |
| Security | https://docs.flutter.dev/security |
|
| https://jaspr.site |