核心 Widgets

核心 Widgets

核心 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。

查看文档源码

或者

为本页面内容提出建议.

相关任务

365bet网上娱乐平台 世界杯经济学:谁在亏钱?谁发了大财?
365bet网上娱乐平台 怎么快捷键重启电脑 win10重启电脑需要按哪个键
365bet网上娱乐平台 《DNF》疲劳药水获取方式大全

《DNF》疲劳药水获取方式大全

📅 09-12 👁️ 6990
365bet网上娱乐平台 手机屏幕和钢化膜哪个硬度高

手机屏幕和钢化膜哪个硬度高

📅 08-16 👁️ 9265