# 核心 Widget 目录

> 一组丰富的 Flutter widget 目录。



Create beautiful apps faster with Flutter's collection of visual, structural,
platform, and interactive widgets. In addition to browsing widgets by category,
you can also see all the widgets in the [widget index][].

借助 Flutter 上关于视觉、结构、平台和交互的 widget，我们可以快速创建出色的应用程序。
除了能够按照如下类别浏览 widget，你还可以在 [Flutter Widget 目录][widget index] 中查看所有的 widget。

## Design systems

## 设计系统

Flutter ships with two design systems as part of the SDK.

Flutter SDK 中附带了两套设计系统。
你可以在 Dart 和 Flutter 的 package 资源库 [pub.dev](https://pub-web.flutter-io.cn) 上找到
更多由 Flutter 社区创建的设计系统。

<div class="card-grid">
  <Card title="Cupertino" link="/ui/widgets/cupertino" outlined="true" filled="false">
    <t>Beautiful and high-fidelity widgets that align with
    Apple's Human Interface Guidelines for iOS and macOS.</t>
    <t>精美且高保真的 widget，符合 Apple 针对 iOS 和 macOS 的人机界面指南。</t>
  </Card>
  <Card title="Material design" link="/ui/widgets/material" outlined="true" filled="false">
    <t>Visual, behavioral, and motion-rich widgets implementing
    the Material 3 design specification.</t>
    <t>实现 Material 3 设计规范的视觉、行为与动效丰富的 widget。</t>
  </Card>
</div>

You can find many more design systems created by the Flutter community
on [pub.dev](https://pub-web.flutter-io.cn), the package repository for Dart and Flutter.
For example, the Windows-inspired [fluent_ui][],
macOS-inspired [macos_ui][],
and the Ubuntu-inspired [yaru][] widgets.

你还可以在 Dart 和 Flutter 的 package 资源库 [pub.dev](https://pub-web.flutter-io.cn) 上找到更多由 Flutter 社区创建的设计系统。
例如，受 Windows 启发的 [fluent_ui][]、受 macOS 启发的 [macos_ui][]，以及受 Ubuntu 启发的 [yaru][] widget。

[fluent_ui]: https://pub-web.flutter-io.cn/packages/fluent_ui
[macos_ui]: https://pub-web.flutter-io.cn/packages/macos_ui
[yaru]: https://pub-web.flutter-io.cn/packages/yaru

## Base widgets

## 基础 widget

Base widgets support a range of common rendering options
like input, layout, and text.

基础 widget 支持一系列常用的功能，
如输入、布局和文本。

<WidgetCatalogCategories />

## Widget of the Week

## 每周 Widget (Widget of the Week)

100+ short, 1-minute explainer videos to
help you quickly get started with Flutter widgets.

这里有 100 多部 1 分钟的讲解短片，
帮助你快速入门 Flutter widget。

<div class="card-grid wide">
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="D0xwcz2IqAY" title="CupertinoRadio - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="5H-WvH5O29I" title="CupertinoSheetRoute - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="esnBf6V4C34" title="CupertinoSlidingSegmentedControl - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="ua54JU7k1Us" title="CupertinoCheckbox - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="24tg_N4sdMQ" title="CupertinoSwitch - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
  <div class="card wrapped-card outlined-card">
    <div class="card-content">
      <YouTubeEmbed id="GQ8ajYVF0bo" title="CarouselView - Flutter widget of the week"></YouTubeEmbed>
    </div>
  </div>
</div>

<a class="filled-button" target="_blank" href="https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG"><t>Watch more widget of the week videos</t><t>观看更多每周 Widget (Widget of the Week) 视频</t></a>

[widget index]: /reference/widgets