核心 Widget 目录
UI
chevron_right
核心 Widgets
借助 Flutter 上关于视觉、结构、平台和交互的 widget,我们可以快速创建出色的应用程序。除了能够按照如下类别浏览 widget,你还可以在 Flutter Widget 目录 中查看所有的 widget。
设计系统
#
Flutter SDK 中附带了两套设计系统。你可以在 Dart 和 Flutter 的 package 资源库 pub.dev 上找到更多由 Flutter 社区创建的设计系统。
Cupertino
Beautiful and high-fidelity widgets that align with Apple's Human Interface Guidelines for iOS and macOS.
Material components
Visual, behavioral, and motion-rich widgets implementing the Material 3 design specification.
You can find many more designs systems created by the Flutter community
on pub.dev, the package repository for Dart and Flutter,
like for example the Windows-inspired fluent_ui,
macOS-inspired macos_ui,
and the Ubuntu-inspired yaru widgets.
基础 widget
#
基础 widget 支持一系列常用的功能,如输入、布局和文本。
Accessibility
Make your app accessible.
Animation and motion
Bring animations to your app.
Assets, images, and icons
Manage assets, display images, and show icons.
Async
Widgets supporting async patterns in your Flutter apps.
Basics
Widgets to know before building your first Flutter app.
Input
Take user input in addition to input widgets in Material components and Cupertino.
Interaction models
Respond to touch events and route users to different views.
Layout
Arrange other widgets columns, rows, grids, and many other layouts.
Painting and effects
These widgets apply visual effects to the children without changing their layout, size, or position.
Scrolling
Scroll multiple widgets as children of the parent.
Styling
Manage the theme of your app, make your app responsive to screen sizes, or add padding.
Text
Display and style text.
每周 Widget (Widget of the Week)
#
这里有 100 多部 1 分钟的讲解短片,帮助你快速入门 Flutter widget。
Watch on YouTube in a new tab: "CupertinoRadio - Flutter widget of the week"
Watch on YouTube in a new tab: "CupertinoSheetRoute - Flutter widget of the week"
Watch on YouTube in a new tab: "CupertinoSlidingSegmentedControl - Flutter widget of the week"
Watch on YouTube in a new tab: "CupertinoCheckbox - Flutter widget of the week"
Watch on YouTube in a new tab: "CupertinoSwitch - Flutter widget of the week"
Watch on YouTube in a new tab: "CarouselView - Flutter widget of the week"
观看更多每周 Widget (Widget of the Week) 视频
本页内容对你有帮助吗?
thumb_up
thumb_down
感谢你的反馈!
feedback
提供详细信息
感谢你的反馈!欢迎告诉我们该如何改进。
bug_report
提供详细信息
除非另有说明,本文档之所提及适用于 Flutter 的最新稳定版本,本页面最后更新时间: 2025-09-02。
查看文档源码
或者
为本页面内容提出建议.