| Skip to main content | https://docs.flutter.dev/reference/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 |
| docsView source | https://github.com/flutter/website/blob/main/src/content/reference/widgets.md |
| bug_reportReport issue | https://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/reference/widgets&page-source=https://github.com/flutter/website/blob/main/src/content/reference/widgets.md |
| browse widgets by category | https://docs.flutter.dev/ui/widgets |
| Flutter YouTube channel | https://www.youtube.com/@flutterdev |
| videos | https://docs.flutter.dev/resources/videos |
| Watch on YouTube in a new tab: "Introducing the Flutter Widget of the Week" | https://www.youtube.com/watch/b_sQ9bMltGU |
| Widget of the Week playlist | https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG |
|
AbsorbPointer
A widget that absorbs pointers during hit testing. When absorbing is true, this widget prevents its subtree from receiving pointer events by terminating hit testing...
| https://api.flutter.dev/flutter/widgets/AbsorbPointer-class.html |
|
AlertDialog
Hovering containers that prompt app users to provide more data or make a decision.
| https://api.flutter.dev/flutter/material/AlertDialog-class.html |
|
Align
A widget that aligns its child within itself and optionally sizes itself based on the child's size.
| https://api.flutter.dev/flutter/widgets/Align-class.html |
|
AlignTransition
Animated version of an Align that animates its Align.alignment property.
| https://api.flutter.dev/flutter/widgets/AlignTransition-class.html |
|
AnimatedAlign
Animated transition that moves the child's position over a given duration whenever the given alignment changes.
| https://api.flutter.dev/flutter/widgets/AnimatedAlign-class.html |
|
AnimatedBuilder
A general-purpose widget for building animations. AnimatedBuilder is useful for more complex widgets that wish to include animation as part of a larger build function....
| https://api.flutter.dev/flutter/widgets/AnimatedBuilder-class.html |
|
AnimatedContainer
A container that gradually changes its values over a period of time.
| https://api.flutter.dev/flutter/widgets/AnimatedContainer-class.html |
|
AnimatedCrossFade
A widget that cross-fades between two given children and animates itself between their sizes.
| https://api.flutter.dev/flutter/widgets/AnimatedCrossFade-class.html |
|
AnimatedDefaultTextStyle
Animated version of DefaultTextStyle which automatically transitions the default text style (the text style to apply to descendant Text widgets without explicit style) over a...
| https://api.flutter.dev/flutter/widgets/AnimatedDefaultTextStyle-class.html |
|
AnimatedList
A scrolling container that animates items when they are inserted or removed.
| https://api.flutter.dev/flutter/widgets/AnimatedList-class.html |
|
AnimatedListState
The state for a scrolling container that animates items when they are inserted or removed.
| https://api.flutter.dev/flutter/widgets/AnimatedListState-class.html |
|
AnimatedModalBarrier
A widget that prevents the user from interacting with widgets behind itself.
| https://api.flutter.dev/flutter/widgets/AnimatedModalBarrier-class.html |
|
AnimatedOpacity
Animated version of Opacity which automatically transitions the child's opacity over a given duration whenever the given opacity changes.
| https://api.flutter.dev/flutter/widgets/AnimatedOpacity-class.html |
|
AnimatedPhysicalModel
Animated version of PhysicalModel.
| https://api.flutter.dev/flutter/widgets/AnimatedPhysicalModel-class.html |
|
AnimatedPositioned
Animated version of Positioned which automatically transitions the child's position over a given duration whenever the given position changes.
| https://api.flutter.dev/flutter/widgets/AnimatedPositioned-class.html |
|
AnimatedSize
Animated widget that automatically transitions its size over a given duration whenever the given child's size changes.
| https://api.flutter.dev/flutter/widgets/AnimatedSize-class.html |
|
AnimatedWidget
A widget that rebuilds when the given Listenable changes value.
| https://api.flutter.dev/flutter/widgets/AnimatedWidget-class.html |
|
AppBar
Container that displays content and actions at the top of a screen.
| https://api.flutter.dev/flutter/material/AppBar-class.html |
|
AspectRatio
A widget that attempts to size the child to a specific aspect ratio.
| https://api.flutter.dev/flutter/widgets/AspectRatio-class.html |
|
AssetBundle
Asset bundles contain resources, such as images and strings, that can be used by an application. Access to these resources is asynchronous so that they...
| https://api.flutter.dev/flutter/services/AssetBundle-class.html |
|
Autocomplete
A widget for helping the user make a selection by entering some text and choosing from among a list of options.
| https://api.flutter.dev/flutter/material/Autocomplete-class.html |
|
BackdropFilter
A widget that applies a filter to the existing painted content and then paints a child. This effect is relatively expensive, especially if the filter...
| https://api.flutter.dev/flutter/widgets/BackdropFilter-class.html |
|
Badge
Icon-like block that conveys dynamic content such as counts or status. It can include labels or numbers.
| https://api.flutter.dev/flutter/material/Badge-class.html |
|
Abc
Baseline
Container that positions its child according to the child's baseline.
| https://api.flutter.dev/flutter/widgets/Baseline-class.html |
|
Bottom app bar
Container that displays navigation and key actions at the bottom of a screen.
| https://api.flutter.dev/flutter/material/BottomAppBar-class.html |
|
Bottom sheet
Containers that anchor supplementary content to the bottom of the screen.
| https://api.flutter.dev/flutter/material/BottomSheet-class.html |
|
BottomNavigationBar
Container that includes tools to explore and switch between top-level views in a single tap.
| https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html |
|
Card
Container for short, related pieces of content displayed in a box with rounded corners and a drop shadow.
| https://api.flutter.dev/flutter/material/Card-class.html |
|
CarouselView
A Material carousel widget that presents a scrollable list of items, each of which can dynamically change size based on the chosen layout.
| https://main-api.flutter.dev/flutter/material/CarouselView-class.html |
|
Center
Alignment block that centers its child within itself.
| https://api.flutter.dev/flutter/widgets/Center-class.html |
|
Checkbox
Form control that app users can set or clear to select one or more options from a set.
| https://api.flutter.dev/flutter/material/Checkbox-class.html |
|
Chip
Small blocks that simplify entering information, making selections, filtering content, or triggering actions.
| https://api.flutter.dev/flutter/material/Chip-class.html |
|
CircularProgressIndicator
Circular progress indicator that spins to indicate a busy application.
| https://api.flutter.dev/flutter/material/CircularProgressIndicator-class.html |
|
ClipOval
A widget that clips its child using an oval.
| https://api.flutter.dev/flutter/widgets/ClipOval-class.html |
|
ClipPath
A widget that clips its child using a path.
| https://api.flutter.dev/flutter/widgets/ClipPath-class.html |
|
ClipRect
A widget that clips its child using a rectangle.
| https://api.flutter.dev/flutter/widgets/ClipRect-class.html |
|
Column
Layout a list of child widgets in the vertical direction.
| https://api.flutter.dev/flutter/widgets/Column-class.html |
|
Common buttons
Clickable blocks that start an action, such as sending an email, sharing a document, or liking a comment.
| https://api.flutter.dev/flutter/material/ButtonStyle-class.html#material-3-button-types |
|
ConstrainedBox
A widget that imposes additional constraints on its child.
| https://api.flutter.dev/flutter/widgets/ConstrainedBox-class.html |
|
Container
A convenience widget that combines common painting, positioning, and sizing widgets.
| https://api.flutter.dev/flutter/widgets/Container-class.html |
|
CupertinoActionSheet
An iOS-style modal bottom action sheet to choose an option among many.
| https://api.flutter.dev/flutter/cupertino/CupertinoActionSheet-class.html |
|
CupertinoActionSheetAction
A button typically used in a CupertinoActionSheet.
| https://api.flutter.dev/flutter/cupertino/CupertinoActionSheetAction-class.html |
|
CupertinoActivityIndicator
An iOS-style activity indicator. Displays a circular 'spinner'.
| https://api.flutter.dev/flutter/cupertino/CupertinoActivityIndicator-class.html |
|
CupertinoAdaptiveTextSelectionToolbar
The default Cupertino context menu for text selection for the current platform with the given children.
| https://api.flutter.dev/flutter/cupertino/CupertinoAdaptiveTextSelectionToolbar-class.html |
|
CupertinoAlertDialog
An iOS-style alert dialog.
| https://api.flutter.dev/flutter/cupertino/CupertinoAlertDialog-class.html |
|
CupertinoApp
An application that uses Cupertino design.
| https://api.flutter.dev/flutter/cupertino/CupertinoApp-class.html |
|
CupertinoButton
An iOS-style button.
| https://api.flutter.dev/flutter/cupertino/CupertinoButton-class.html |
|
CupertinoCheckBox
A macOS-style checkbox.
| https://api.flutter.dev/flutter/cupertino/CupertinoCheckbox-class.html |
|
CupertinoColors
A palette of Color constants that describe colors commonly used when matching the iOS platform aesthetics.
| https://api.flutter.dev/flutter/cupertino/CupertinoColors-class.html |
|
CupertinoContextMenu
An iOS-style full-screen modal route that opens when the child is long-pressed. Used to display relevant actions for your content.
| https://api.flutter.dev/flutter/cupertino/CupertinoContextMenu-class.html |
|
CupertinoContextMenuAction
A button in a ContextMenuSheet.
| https://api.flutter.dev/flutter/cupertino/CupertinoContextMenuAction-class.html |
|
CupertinoDatePicker
An iOS-style date or date and time picker.
| https://api.flutter.dev/flutter/cupertino/CupertinoDatePicker-class.html |
|
CupertinoDesktopTextSelectionControls
Desktop Cupertino styled text selection controls.
| https://api.flutter.dev/flutter/cupertino/CupertinoDesktopTextSelectionControls-class.html |
|
CupertinoDesktopTextSelectionToolbar
A macOS-style text selection toolbar.
| https://api.flutter.dev/flutter/cupertino/CupertinoDesktopTextSelectionToolbar-class.html |
|
CupertinoDesktopTextSelectionToolbarButton
A button in the style of the macOS context menu buttons.
| https://api.flutter.dev/flutter/cupertino/CupertinoDesktopTextSelectionToolbarButton-class.html |
|
CupertinoDialogAction
A button typically used in a CupertinoAlertDialog.
| https://api.flutter.dev/flutter/cupertino/CupertinoDialogAction-class.html |
|
CupertinoDialogRoute
A dialog route that shows an iOS-style dialog.
| https://api.flutter.dev/flutter/cupertino/CupertinoDialogRoute-class.html |
|
CupertinoDynamicColor
A Color subclass that represents a family of colors, and the correct effective color in the color family.
| https://api.flutter.dev/flutter/cupertino/CupertinoDynamicColor-class.html |
|
CupertinoFormRow
An iOS-style form row.
| https://api.flutter.dev/flutter/cupertino/CupertinoFormRow-class.html |
|
CupertinoFormSection
An iOS-style form section.
| https://api.flutter.dev/flutter/cupertino/CupertinoFormSection-class.html |
|
CupertinoFullscreenDialogTransition
An iOS-style transition used for summoning fullscreen dialogs.
| https://api.flutter.dev/flutter/cupertino/CupertinoFullscreenDialogTransition-class.html |
|
CupertinoListSection
Container that uses the iOS style to display a scrollable view.
| https://api.flutter.dev/flutter/cupertino/CupertinoListSection-class.html |
|
CupertinoListTile
A block that uses the iOS style to create a row in a list.
| https://api.flutter.dev/flutter/cupertino/CupertinoListTile-class.html |
|
CupertinoListTileChevron
A typical iOS trailing widget used to denote that a CupertinoListTile is a button with an action.
| https://api.flutter.dev/flutter/cupertino/CupertinoListTileChevron-class.html |
|
CupertinoLocalizations
Defines the localized resource values used by the Cupertino widgets.
| https://api.flutter.dev/flutter/cupertino/CupertinoLocalizations-class.html |
|
CupertinoMagnifier
A RawMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.
| https://api.flutter.dev/flutter/cupertino/CupertinoMagnifier-class.html |
|
CupertinoModalPopupRoute
A route that shows a modal iOS-style popup that slides up from the bottom of the screen.
| https://api.flutter.dev/flutter/cupertino/CupertinoModalPopupRoute-class.html |
|
CupertinoNavigationBar
Container at the top of a screen that uses the iOS style. Many developers use this with CupertinoPageScaffold.
| https://api.flutter.dev/flutter/cupertino/CupertinoNavigationBar-class.html |
|
CupertinoNavigationBarBackButton
A nav bar back button typically used in CupertinoNavigationBar.
| https://api.flutter.dev/flutter/cupertino/CupertinoNavigationBarBackButton-class.html |
|
CupertinoPage
A page that creates a cupertino style PageRoute.
| https://api.flutter.dev/flutter/cupertino/CupertinoPage-class.html |
|
CupertinoPageRoute
A modal route that replaces the entire screen with an iOS transition.
| https://api.flutter.dev/flutter/cupertino/CupertinoPageRoute-class.html |
|
CupertinoPageScaffold
Basic iOS style page layout structure. Positions a navigation bar and content on a background.
| https://api.flutter.dev/flutter/cupertino/CupertinoPageScaffold-class.html |
|
CupertinoPageTransition
Provides an iOS-style page transition animation.
| https://api.flutter.dev/flutter/cupertino/CupertinoPageTransition-class.html |
|
CupertinoPicker
An iOS-style picker control. Used to select an item in a short list.
| https://api.flutter.dev/flutter/cupertino/CupertinoPicker-class.html |
|
CupertinoPickerDefaultSelectionOverlay
A default selection overlay for CupertinoPickers.
| https://api.flutter.dev/flutter/cupertino/CupertinoPickerDefaultSelectionOverlay-class.html |
|
CupertinoPopupSurface
Rounded rectangle surface that looks like an iOS popup surface, such as an alert dialog or action sheet.
| https://api.flutter.dev/flutter/cupertino/CupertinoPopupSurface-class.html |
|
CupertinoRadio
A macOS-style radio button.
| https://api.flutter.dev/flutter/cupertino/CupertinoRadio-class.html |
|
CupertinoScrollBehavior
Describes how Scrollable widgets behave for CupertinoApps.
| https://api.flutter.dev/flutter/cupertino/CupertinoScrollBehavior-class.html |
|
CupertinoScrollbar
An iOS-style scrollbar that indicates which portion of a scrollable widget is currently visible.
| https://api.flutter.dev/flutter/cupertino/CupertinoScrollbar-class.html |
|
CupertinoSearchTextField
An iOS-style search field.
| https://api.flutter.dev/flutter/cupertino/CupertinoSearchTextField-class.html |
|
CupertinoSlider
Used to select from a range of values.
| https://api.flutter.dev/flutter/cupertino/CupertinoSlider-class.html |
|
CupertinoSlidingSegmentedControl
An iOS-13-style segmented control. Used to select mutually exclusive options in a horizontal list.
| https://api.flutter.dev/flutter/cupertino/CupertinoSlidingSegmentedControl-class.html |
|
CupertinoSliverNavigationBar
A navigation bar with iOS-11-style large titles using slivers.
| https://api.flutter.dev/flutter/cupertino/CupertinoSliverNavigationBar-class.html |
|
CupertinoSliverRefreshControl
A sliver widget implementing the iOS-style pull to refresh content control.
| https://api.flutter.dev/flutter/cupertino/CupertinoSliverRefreshControl-class.html |
|
CupertinoSpellCheckSuggestionsToolbar
The default spell check suggestions toolbar for iOS.
| https://api.flutter.dev/flutter/cupertino/CupertinoSpellCheckSuggestionsToolbar-class.html |
|
CupertinoSwitch
An iOS-style switch. Used to toggle the on/off state of a single setting.
| https://api.flutter.dev/flutter/cupertino/CupertinoSwitch-class.html |
|
CupertinoTabBar
An iOS-style bottom tab bar. Typically used with CupertinoTabScaffold.
| https://api.flutter.dev/flutter/cupertino/CupertinoTabBar-class.html |
|
CupertinoTabController
Coordinates tab selection between a CupertinoTabBar and a CupertinoTabScaffold.
| https://api.flutter.dev/flutter/cupertino/CupertinoTabController-class.html |
|
CupertinoTabScaffold
Tabbed iOS app structure. Positions a tab bar on top of tabs of content.
| https://api.flutter.dev/flutter/cupertino/CupertinoTabScaffold-class.html |
|
CupertinoTabView
Root content of a tab that supports parallel navigation between tabs. Typically used with CupertinoTabScaffold.
| https://api.flutter.dev/flutter/cupertino/CupertinoTabView-class.html |
|
CupertinoTextField
An iOS-style text field.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextField-class.html |
|
CupertinoTextFormFieldRow
Creates a CupertinoFormRow containing a FormField that wraps a CupertinoTextField.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextFormFieldRow-class.html |
|
CupertinoTextMagnifier
A CupertinoMagnifier used for magnifying text in cases where a user's finger may be blocking the point of interest, like a selection handle.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextMagnifier-class.html |
|
CupertinoTextSelectionControls
iOS-style text selection controls.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextSelectionControls-class.html |
|
CupertinoTextSelectionToolbar
An iOS-style text selection toolbar.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextSelectionToolbar-class.html |
|
CupertinoTextSelectionToolbarButton
A button in the style of the iOS text selection toolbar buttons.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextSelectionToolbarButton-class.html |
|
CupertinoTextThemeData
Cupertino typography theme in a CupertinoThemeData.
| https://api.flutter.dev/flutter/cupertino/CupertinoTextThemeData-class.html |
|
CupertinoTheme
Applies a visual styling theme to descendant Cupertino widgets.
| https://api.flutter.dev/flutter/cupertino/CupertinoTheme-class.html |
|
CupertinoThemeData
Styling specifications for a CupertinoTheme.
| https://api.flutter.dev/flutter/cupertino/CupertinoThemeData-class.html |
|
CupertinoThumbPainter
Paints an iOS-style slider thumb or switch thumb.
| https://api.flutter.dev/flutter/cupertino/CupertinoThumbPainter-class.html |
|
CupertinoTimerPicker
An iOS-style countdown timer picker.
| https://api.flutter.dev/flutter/cupertino/CupertinoTimerPicker-class.html |
|
CustomMultiChildLayout
A widget that uses a delegate to size and position multiple children.
| https://api.flutter.dev/flutter/widgets/CustomMultiChildLayout-class.html |
|
CustomPaint
A widget that provides a canvas on which to draw during the paint phase.
| https://api.flutter.dev/flutter/widgets/CustomPaint-class.html |
|
CustomScrollView
A ScrollView that creates custom scroll effects using slivers.
| https://api.flutter.dev/flutter/widgets/CustomScrollView-class.html |
|
CustomSingleChildLayout
A widget that defers the layout of its single child to a delegate.
| https://api.flutter.dev/flutter/widgets/CustomSingleChildLayout-class.html |
|
DataTable
Data tables display sets of raw data. They usually appear in desktop enterprise products. The DataTable widget implements this component.
| https://api.flutter.dev/flutter/material/DataTable-class.html |
|
DatePicker
Calendar interface used to select a date or a range of dates.
| https://api.flutter.dev/flutter/material/showDatePicker.html |
|
DecoratedBox
A widget that paints a Decoration either before or after its child paints.
| https://api.flutter.dev/flutter/widgets/DecoratedBox-class.html |
|
DecoratedBoxTransition
Animated version of a DecoratedBox that animates the different properties of its Decoration.
| https://api.flutter.dev/flutter/widgets/DecoratedBoxTransition-class.html |
|
DefaultTextStyle
The text style to apply to descendant Text widgets without explicit style.
| https://api.flutter.dev/flutter/widgets/DefaultTextStyle-class.html |
|
DefaultTextStyleTransition
Animated version of a DefaultTextStyle that animates the different properties of its TextStyle.
| https://api.flutter.dev/flutter/widgets/DefaultTextStyleTransition-class.html |
|
Dismissible
A widget that can be dismissed by dragging in the indicated direction. Dragging or flinging this widget in the DismissDirection causes the child to slide...
| https://api.flutter.dev/flutter/widgets/Dismissible-class.html |
|
Divider
Thin line that groups content in lists and containers.
| https://api.flutter.dev/flutter/material/Divider-class.html |
|
DragTarget
A widget that receives data when a Draggable widget is dropped. When a draggable is dragged on top of a drag target, the drag target...
| https://api.flutter.dev/flutter/widgets/DragTarget-class.html |
|
Draggable
A widget that can be dragged from to a DragTarget. When a draggable widget recognizes the start of a drag gesture, it displays a feedback...
| https://api.flutter.dev/flutter/widgets/Draggable-class.html |
|
DraggableScrollableSheet
A container for a Scrollable that responds to drag gestures by resizing the scrollable until a limit is reached, and then scrolling.
| https://api.flutter.dev/flutter/widgets/DraggableScrollableSheet-class.html |
|
Drawer
A Material Design panel that slides in horizontally from the edge of a Scaffold to show navigation links in an application.
| https://api.flutter.dev/flutter/material/Drawer-class.html |
|
DropdownButton
Shows the currently selected item and an arrow that opens a menu for selecting another item.
| https://api.flutter.dev/flutter/material/DropdownButton-class.html |
|
ElevatedButton
A Material Design elevated button. A filled button whose material elevates when pressed.
| https://api.flutter.dev/flutter/material/ElevatedButton-class.html |
|
ExcludeSemantics
A widget that drops all the semantics of its descendants. This can be used to hide subwidgets that would otherwise be reported but that would...
| https://api.flutter.dev/flutter/widgets/ExcludeSemantics-class.html |
|
Expanded
A widget that expands a child of a Row, Column, or Flex.
| https://api.flutter.dev/flutter/widgets/Expanded-class.html |
|
ExpansionPanel
Expansion panels contain creation flows and allow lightweight editing of an element. The ExpansionPanel widget implements this component.
| https://api.flutter.dev/flutter/material/ExpansionPanel-class.html |
|
Extended FloatingActionButton
Clickable block that triggers an action. These wider blocks can fit a text label and provide a larger target area.
| https://api.flutter.dev/flutter/material/FloatingActionButton/FloatingActionButton.extended.html |
|
FadeTransition
Animates the opacity of a widget.
| https://api.flutter.dev/flutter/widgets/FadeTransition-class.html |
|
FittedBox
Scales and positions its child within itself according to fit.
| https://api.flutter.dev/flutter/widgets/FittedBox-class.html |
|
FloatingActionButton
Clickable block containing an icon that keeps a key action always in reach.
| https://api.flutter.dev/flutter/material/FloatingActionButton-class.html |
|
Flow
A widget that implements the flow layout algorithm.
| https://api.flutter.dev/flutter/widgets/Flow-class.html |
|
FlutterLogo
The Flutter logo, in widget form. This widget respects the IconTheme.
| https://api.flutter.dev/flutter/widgets/FlutterLogo-class.html |
|
Form
An optional container for grouping together multiple form field widgets (e.g. TextField widgets).
| https://api.flutter.dev/flutter/widgets/Form-class.html |
|
FormField
A single form field. This widget maintains the current state of the form field, so that updates and validation errors are visually reflected in the...
| https://api.flutter.dev/flutter/widgets/FormField-class.html |
|
FractionalTranslation
A widget that applies a translation expressed as a fraction of the box's size before painting its child.
| https://api.flutter.dev/flutter/widgets/FractionalTranslation-class.html |
|
FractionallySizedBox
A widget that sizes its child to a fraction of the total available space. For more details about the layout algorithm, see RenderFractionallySizedOverflowBox.
| https://api.flutter.dev/flutter/widgets/FractionallySizedBox-class.html |
|
FutureBuilder
Widget that builds itself based on the latest snapshot of interaction with a Future.
| https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html |
|
GestureDetector
A widget that detects gestures. Attempts to recognize gestures that correspond to its non-null callbacks. If this widget has a child, it defers to that...
| https://api.flutter.dev/flutter/widgets/GestureDetector-class.html |
|
GridView
A grid list consists of a repeated pattern of cells arrayed in a vertical and horizontal layout. The GridView widget implements this component.
| https://api.flutter.dev/flutter/widgets/GridView-class.html |
|
Hero
A widget that marks its child as being a candidate for hero animations.
| https://api.flutter.dev/flutter/widgets/Hero-class.html |
|
Icon
A Material Design icon.
| https://api.flutter.dev/flutter/widgets/Icon-class.html |
|
IconButton
Clickable icons to prompt app users to take supplementary actions.
| https://api.flutter.dev/flutter/material/IconButton-class.html |
|
IgnorePointer
A widget that is invisible during hit testing. When ignoring is true, this widget (and its subtree) is invisible to hit testing. It still consumes...
| https://api.flutter.dev/flutter/widgets/IgnorePointer-class.html |
|
Image
A widget that displays an image.
| https://api.flutter.dev/flutter/widgets/Image-class.html |
|
ImplicitlyAnimatedWidget
An abstract class for building widgets that animate changes to their properties.
| https://api.flutter.dev/flutter/widgets/ImplicitlyAnimatedWidget-class.html |
|
IndexedStack
A Stack that shows a single child from a list of children.
| https://api.flutter.dev/flutter/widgets/IndexedStack-class.html |
|
InteractiveViewer
A widget that enables pan and zoom interactions with its child.
| https://api.flutter.dev/flutter/widgets/InteractiveViewer-class.html |
|
IntrinsicHeight
A widget that sizes its child to the child's intrinsic height.
| https://api.flutter.dev/flutter/widgets/IntrinsicHeight-class.html |
|
IntrinsicWidth
A widget that sizes its child to the child's intrinsic width.
| https://api.flutter.dev/flutter/widgets/IntrinsicWidth-class.html |
|
KeyboardListener
A widget that calls a callback whenever the user presses or releases a key on a keyboard.
| https://api.flutter.dev/flutter/widgets/KeyboardListener-class.html |
|
LayoutBuilder
Builds a widget tree that can depend on the parent widget's size.
| https://api.flutter.dev/flutter/widgets/LayoutBuilder-class.html |
|
LimitedBox
A box that limits its size only when it's unconstrained.
| https://api.flutter.dev/flutter/widgets/LimitedBox-class.html |
|
LinearProgressIndicator
Vertical line that changes color as an ongoing process, such as loading an app or submitting a form, completes.
| https://api.flutter.dev/flutter/material/LinearProgressIndicator-class.html |
|
ListBody
A widget that arranges its children sequentially along a given axis, forcing them to the dimension of the parent in the other axis.
| https://api.flutter.dev/flutter/widgets/ListBody-class.html |
|
ListTile
A single fixed-height row that typically contains some text as well as a leading or trailing icon.
| https://api.flutter.dev/flutter/material/ListTile-class.html |
|
ListView
A scrollable, linear list of widgets. ListView is the most commonly used scrolling widget. It displays its children one after another in the scroll direction....
| https://api.flutter.dev/flutter/widgets/ListView-class.html |
|
LongPressDraggable
Makes its child draggable starting from long press.
| https://api.flutter.dev/flutter/widgets/LongPressDraggable-class.html |
|
MaterialApp
A convenience widget that wraps a number of widgets that are commonly required for applications implementing Material Design.
| https://api.flutter.dev/flutter/material/MaterialApp-class.html |
|
MatrixTransition
Animates the Matrix4 of a transformed widget.
| https://api.flutter.dev/flutter/widgets/MatrixTransition-class.html |
|
MediaQuery
Establishes a subtree in which media queries resolve to the given data.
| https://api.flutter.dev/flutter/widgets/MediaQuery-class.html |
|
Menu
Container that displays a list of choices on a temporary surface.
| https://api.flutter.dev/flutter/material/MenuAnchor-class.html |
|
MergeSemantics
A widget that merges the semantics of its descendants.
| https://api.flutter.dev/flutter/widgets/MergeSemantics-class.html |
|
Navigation rail
Persistent container on the leading edge of tablet and desktop screens to navigate to parts of an app.
| https://api.flutter.dev/flutter/material/NavigationRail-class.html |
|
NavigationBar
Persistent container that enables switching between primary destinations in an app.
| https://api.flutter.dev/flutter/material/NavigationBar-class.html |
|
NavigationDrawer
Container that slides from the leading edge of the app to navigate to other sections in an app.
| https://api.flutter.dev/flutter/material/NavigationDrawer-class.html |
|
Navigator
A widget that manages a set of child widgets with a stack discipline. Many apps have a navigator near the top of their widget hierarchy...
| https://api.flutter.dev/flutter/widgets/Navigator-class.html |
|
NestedScrollView
A scrolling view inside of which can be nested other scrolling views, with their scroll positions being intrinsically linked.
| https://api.flutter.dev/flutter/widgets/NestedScrollView-class.html |
|
NotificationListener
A widget that listens for Notifications bubbling up the tree.
| https://api.flutter.dev/flutter/widgets/NotificationListener-class.html |
|
Offstage
A widget that lays the child out as if it was in the tree, but without painting anything, without making the child available for hit...
| https://api.flutter.dev/flutter/widgets/Offstage-class.html |
|
Opacity
A widget that makes its child partially transparent.
| https://api.flutter.dev/flutter/widgets/Opacity-class.html |
|
OutlinedButton
A Material Design outlined button, essentially a TextButton with an outlined border.
| https://api.flutter.dev/flutter/material/OutlinedButton-class.html |
|
OverflowBox
A widget that imposes different constraints on its child than it gets from its parent, possibly allowing the child to overflow the parent.
| https://api.flutter.dev/flutter/widgets/OverflowBox-class.html |
|
Padding
A widget that insets its child by the given padding.
| https://api.flutter.dev/flutter/widgets/Padding-class.html |
|
PageView
A scrollable list that works page by page.
| https://api.flutter.dev/flutter/widgets/PageView-class.html |
|
Placeholder
A widget that draws a box that represents where other widgets will one day be added.
| https://api.flutter.dev/flutter/widgets/Placeholder-class.html |
|
PopupMenuButton
Displays a menu when pressed and calls onSelected when the menu is dismissed because an item was selected.
| https://api.flutter.dev/flutter/material/PopupMenuButton-class.html |
|
PositionedTransition
Animated version of Positioned which takes a specific Animation to transition the child's position from a start position to and end position over the lifetime...
| https://api.flutter.dev/flutter/widgets/PositionedTransition-class.html |
|
Radio
Form control that app users can set or clear to select only one option from a set.
| https://api.flutter.dev/flutter/material/Radio-class.html |
|
RawImage
A widget that displays a dart:ui.Image directly.
| https://api.flutter.dev/flutter/widgets/RawImage-class.html |
|
RefreshIndicator
A Material Design pull-to-refresh wrapper for scrollables.
| https://api.flutter.dev/flutter/material/RefreshIndicator-class.html |
|
RelativePositionedTransition
Animated version of Positioned which transitions the child's position based on the value of rect relative to a bounding box with the specified size.
| https://api.flutter.dev/flutter/widgets/RelativePositionedTransition-class.html |
|
ReorderableListView
A list whose items the user can interactively reorder by dragging.
| https://api.flutter.dev/flutter/material/ReorderableListView-class.html |
|
RichText
The RichText widget displays text that uses multiple different styles. The text to display is described using a tree of TextSpan objects, each of which...
| https://api.flutter.dev/flutter/widgets/RichText-class.html |
|
RotatedBox
A widget that rotates its child by a integral number of quarter turns.
| https://api.flutter.dev/flutter/widgets/RotatedBox-class.html |
|
RotationTransition
Animates the rotation of a widget.
| https://api.flutter.dev/flutter/widgets/RotationTransition-class.html |
|
Row
Layout a list of child widgets in the horizontal direction.
| https://api.flutter.dev/flutter/widgets/Row-class.html |
|
Scaffold
Implements the basic Material Design visual layout structure. This class provides APIs for showing drawers, snack bars, and bottom sheets.
| https://api.flutter.dev/flutter/material/Scaffold-class.html |
|
ScaleTransition
Animates the scale of transformed widget.
| https://api.flutter.dev/flutter/widgets/ScaleTransition-class.html |
|
ScrollConfiguration
Controls how Scrollable widgets behave in a subtree.
| https://api.flutter.dev/flutter/widgets/ScrollConfiguration-class.html |
|
Scrollable
Scrollable implements the interaction model for a scrollable widget, including gesture recognition, but does not have an opinion about how the viewport, which actually displays...
| https://api.flutter.dev/flutter/widgets/Scrollable-class.html |
|
Scrollbar
A Material Design scrollbar. A scrollbar indicates which portion of a Scrollable widget is actually visible.
| https://api.flutter.dev/flutter/material/Scrollbar-class.html |
|
SegmentedButton
Single or multiple selected clickable blocks to help people select options, switch views, or sort elements.
| https://api.flutter.dev/flutter/material/SegmentedButton-class.html |
|
Semantics
A widget that annotates the widget tree with a description of the meaning of the widgets. Used by accessibility tools, search engines, and other semantic...
| https://api.flutter.dev/flutter/widgets/Semantics-class.html |
|
SimpleDialog
Simple dialogs can provide additional details or actions about a list item. For example they can display avatars icons clarifying subtext or orthogonal actions (such...
| https://api.flutter.dev/flutter/material/SimpleDialog-class.html |
|
SingleChildScrollView
A box in which a single widget can be scrolled. This widget is useful when you have a single box that will normally be entirely...
| https://api.flutter.dev/flutter/widgets/SingleChildScrollView-class.html |
|
SizeTransition
Animates its own size and clips and aligns the child.
| https://api.flutter.dev/flutter/widgets/SizeTransition-class.html |
|
SizedBox
A box with a specified size. If given a child, this widget forces its child to have a specific width and/or height (assuming values are...
| https://api.flutter.dev/flutter/widgets/SizedBox-class.html |
|
SizedOverflowBox
A widget that is a specific size but passes its original constraints through to its child, which will probably overflow.
| https://api.flutter.dev/flutter/widgets/SizedOverflowBox-class.html |
|
SlideTransition
Animates the position of a widget relative to its normal position.
| https://api.flutter.dev/flutter/widgets/SlideTransition-class.html |
|
Slider
Form control that enables selecting a range of values.
| https://api.flutter.dev/flutter/material/Slider-class.html |
|
SliverAppBar
A material design app bar that integrates with a CustomScrollView.
| https://api.flutter.dev/flutter/material/SliverAppBar-class.html |
|
SliverChildBuilderDelegate
A delegate that supplies children for slivers using a builder callback.
| https://api.flutter.dev/flutter/widgets/SliverChildBuilderDelegate-class.html |
|
SliverChildListDelegate
A delegate that supplies children for slivers using an explicit list.
| https://api.flutter.dev/flutter/widgets/SliverChildListDelegate-class.html |
|
SliverFadeTransition
Animates the opacity of a sliver widget.
| https://api.flutter.dev/flutter/widgets/SliverFadeTransition-class.html |
|
SliverFillRemaining
A sliver that contains a single box child that fills the remaining space in the viewport.
| https://api.flutter.dev/flutter/widgets/SliverFillRemaining-class.html |
|
SliverFixedExtentList
A sliver that places multiple box children with the same main axis extent in a linear array.
| https://api.flutter.dev/flutter/widgets/SliverFixedExtentList-class.html |
|
SliverGrid
A sliver that places multiple box children in a two dimensional arrangement.
| https://api.flutter.dev/flutter/widgets/SliverGrid-class.html |
|
SliverList
A sliver that places multiple box children in a linear array along the main axis.
| https://api.flutter.dev/flutter/widgets/SliverList-class.html |
|
SliverPadding
A sliver that applies padding on each side of another sliver.
| https://api.flutter.dev/flutter/widgets/SliverPadding-class.html |
|
SliverPersistentHeader
A sliver whose size varies when the sliver is scrolled to the edge of the viewport opposite the sliver's GrowthDirection.
| https://api.flutter.dev/flutter/widgets/SliverPersistentHeader-class.html |
|
SliverToBoxAdapter
A sliver that contains a single box widget.
| https://api.flutter.dev/flutter/widgets/SliverToBoxAdapter-class.html |
|
SnackBar
Brief messages about app processes that display at the bottom of the screen.
| https://api.flutter.dev/flutter/material/SnackBar-class.html |
|
Stack
This class is useful if you want to overlap several children in a simple way, for example having some text and an image, overlaid with...
| https://api.flutter.dev/flutter/widgets/Stack-class.html |
|
Stepper
A Material Design stepper widget that displays progress through a sequence of steps.
| https://api.flutter.dev/flutter/material/Stepper-class.html |
|
StreamBuilder
Widget that builds itself based on the latest snapshot of interaction with a Stream.
| https://api.flutter.dev/flutter/widgets/StreamBuilder-class.html |
|
Switch
Toggle control that changes the state of a single item to on or off.
| https://api.flutter.dev/flutter/material/Switch-class.html |
|
TabBar
Layered containers that organize content across different screens, data sets, and other interactions.
| https://api.flutter.dev/flutter/material/TabBar-class.html |
|
TabBarView
A page view that displays the widget which corresponds to the currently selected tab. Typically used in conjunction with a TabBar.
| https://api.flutter.dev/flutter/material/TabBarView-class.html |
|
TabController
Coordinates tab selection between a TabBar and a TabBarView.
| https://api.flutter.dev/flutter/material/TabController-class.html |
|
TabPageSelector
Displays a row of small circular indicators, one per tab. The selected tab's indicator is highlighted. Often used in conjunction with a TabBarView.
| https://api.flutter.dev/flutter/material/TabPageSelector-class.html |
|
Table
Displays child widgets in rows and columns.
| https://api.flutter.dev/flutter/widgets/Table-class.html |
|
Abc
Text
A run of text with a single style.
| https://api.flutter.dev/flutter/widgets/Text-class.html |
|
TextButton
A Material Design text button. A simple flat button without a border outline.
| https://api.flutter.dev/flutter/material/TextButton-class.html |
|
TextField
Box into which app users can enter text. They appear in forms and dialogs.
| https://api.flutter.dev/flutter/material/TextField-class.html |
|
Theme
Applies a theme to descendant widgets. A theme describes the colors and typographic choices of an application.
| https://api.flutter.dev/flutter/material/Theme-class.html |
|
TimePicker
Clock interface used to select and set a specific time.
| https://api.flutter.dev/flutter/material/showTimePicker.html |
|
Tooltip
Tooltips provide text labels that help explain the function of a button or other user interface action. Wrap the button in a Tooltip widget to...
| https://api.flutter.dev/flutter/material/Tooltip-class.html |
|
Transform
A widget that applies a transformation before painting its child.
| https://api.flutter.dev/flutter/widgets/Transform-class.html |
|
WidgetsApp
A convenience class that wraps a number of widgets that are commonly required for an application.
| https://api.flutter.dev/flutter/widgets/WidgetsApp-class.html |
|
Wrap
A widget that displays its children in multiple horizontal or vertical runs.
| https://api.flutter.dev/flutter/widgets/Wrap-class.html |
| View source | https://github.com/flutter/website/blob/main/src/content/reference/widgets.md |
| report an issue | https://github.com/flutter/website/issues/new?template=1_page_issue.yml&page-url=https://docs.flutter.dev/reference/widgets&page-source=https://github.com/flutter/website/blob/main/src/content/reference/widgets.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 |