如何在 Flutter 中使用 Google 的 Material 3 设计？

本篇文章将探讨如何在 Flutter 应用中使用 Material 3（Material You）设计。

随着 Android 12 的推出，谷歌宣布了 Material 3。它为 UI 带来了一些令人耳目一新的变化，但动态颜色是亮点。它根据设备壁纸创建一组原色、二次色和三次色。这些颜色应用于 UI 和不同的应用程序，如时钟和日历。现在，让我们看看如何在 Flutter 应用程序中使用它。

使用 Material Theme Builder 网站

首先，我们需要访问Material Theme Builder。现在，我们必须切换到自定义选项卡。在这里，我们可以使用选项来生成我们喜欢的颜色。

然后我们需要导出动态颜色文件并开始在我们的 Flutter 应用程序中使用它。

现在，我们将更改我们的自动生成counter app并使用导出的文件应用动态颜色，并启用 Material 3 设计。

首先让我们创建我们的项目。使用以下命令创建项目，然后将其打开VSCode。

flutter create dynamic_color_mtb --platforms android

现在，解压下载的文件夹&