[译] Flutter 3.10 的新功能

[译] Flutter 3.10 的新功能

原文 https://medium.com/flutter/whats-new-in-flutter-3-10-b21db2c38c73

无缝的Web和移动端集成，Impeller稳定版的突破性图形性能，以及更多

欢迎使用Flutter 3.10！我们非常期待展示我们令人惊叹的Flutter社区所做出的巨大努力。Flutter 3.10运行了令人难以置信的 Dart 3 ，同样在今天发布！

Flutter 3.10包括了许多改进，包括Web、移动端、图形、安全等方面。让我们开始吧！

框架

Material 3

Material库现在与最新的Material Design规范相匹配。变化包括新组件和组件主题、更新的组件视觉效果等。开发人员必须使用useMaterial3主题标志“选择”这些变化。在下一个稳定版本中，useMaterial3默认为true。

要选择Material库的M3版本，请在您的MaterialApp主题中设置useMaterial3:true。flutter create命令在创建新应用程序时会添加此主题。

要预览这些变化，请查看demo app。演示可让您切换useMaterial3的开和关。

ColorScheme.fromImageProvider()

所有M3组件都配置了主题的默认颜色ColorScheme。默认颜色方案使用紫色阴影。您可以从单个“种子”颜色或图像创建自定义颜色方案。在演示中尝试这两种变化。生成的颜色方案应该看起来不错且易于访问。

NavigationBar

这提供了一个M3版本的BottomNavigationBar小部件。虽然M3使用不同的颜色、高亮和高度，但它的工作方式与以前一样。要覆盖NavigationBars小部件的默认外观，请使用NavigationBarTheme小部件。虽然您不需要将现有应用程序迁移到此组件，但应该在新应用程序中使用它。

NavigationDrawer

这提供了M3基于Drawer小部件的目标选择小部件。NavigationDrawer显示了一个NavigationDestinations小部件的单选列表。您也可以在此列表中包含其他小部件。需要时，NavigationDrawer可以滚动。要覆盖NavigationDrawers小部件的默认外观，请使用NavigationDrawerTheme小部件。

SearchBar和SearchAnchor

这些组件为搜索查询提供预测文本。当用户输入搜索查询时，应用程序会在“搜索视图”中计算匹配的响应列表。用户选择一个或调整查询。要覆盖这些组件的M3设计，请使用SearchBarTheme和SearchAnchorTheme小部件。

二级选项卡栏

M3允许您创建第二层选项卡内容。要区分这个第二个TabBar，请使用[TabBar.secondary](<https://m3.material.io/components/tabs/overview#34192702-8a18-4da7-b2cf-d1579632cb96>)。

DatePicker更新为 M3

M3 DatePicker更新日历和小部件版本的颜色、布局和形状。这不会改变API，但添加了一个新的DatePickerTheme。