Flutter 升级到Ffltter 3.16后，应用程序栏、背景 colored颜色、按钮大小和间距都会发生变化

发布于11月23日

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

应用程序栏不再有阴影.当我滚动时，应用程序栏现在是彩色的，没有阴影.
车身的背景以前是白色的，但现在有点染上了 colored颜色 .
按钮和空间现在似乎更大了.
alert 对话框、时间 Select 器、日期 Select 器和其他material 组件现在看起来不同了.他们出现了一个有色的浅紫色的 colored颜色 (或从我使用的主题的 colored颜色 ).

如何获得与升级到Ffltter 3.16之前相同的用户界面外观？

推荐答案

这是使用Material 3的结果，自Flutter 3.16以来默认启用.是breaking changes区和Flutter 3.16 update区中的一个.

您可以通过在ThemeData中指定useMaterial3: false来 Select 不使用material 3:

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

要查看material 2和material 3之间的区别，请转至此互动演示: https://flutter.github.io/samples/web/material_3_demo/#/个

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

实用课程推荐