升级到 Flutter 3.16 后，应用栏、背景颜色、按钮大小和空格发生变化

Question

我将 Flutter 版本升级到 3.16。当我运行我的应用程序时，我注意到用户界面发生了很多变化。

1. 应用栏不再有阴影。当我滚动时，应用程序栏现在带有颜色并且显示时没有阴影。
2. 原本身体的背景是白色的，现在却染上了一点颜色。
3. 按钮和空间现在看起来更大了。
4. 警报对话框、时间选择器、日期选择器和其他材料组件现在看起来有所不同。它们呈现浅紫色（或我正在使用的主题的颜色）。

---

如何获得与升级到 Flutter 3.16 之前相同的 UI 外观？

Answer 1

这是使用Material 3的结果，从 Flutter 3.16 开始默认启用 Material 3。这是Flutter 3.16 更新中的重大更改之一。

useMaterial3: false您可以通过在以下内容中指定来选择退出材料 3 ThemeData：

MaterialApp(
  // ...
  theme: ThemeData(
    useMaterial3: false,
    // ...
  ),
)

请注意，此useMaterial3标志是一个临时解决方案，让您有时间迁移到 Material 3。最终，仅支持 Material 3。

要查看 Material 2 和 Material 3 之间的差异，请访问此交互式演示： https://flutter.github.io/samples/web/material_3_demo/#/

要查看 Flutter 3.16 更新中的所有重大更改，请访问此链接： https ://docs.flutter.dev/release/writing-changes#released-in-flutter-316