Flutter中StatelessWidget实现PreferredSizeWidget的AppBar报错

问题原因 #

你遇到的类型错误本质是Dart的类型推断机制导致的：
当创建[HomeAppBar(), AccountAppBar(), SettingsAppBar()]列表时，Dart默认会将其推断为List<Widget>类型（所有组件都是Widget的子类）。而Scaffold的appBar参数要求PreferredSizeWidget?类型，从List<Widget>中取出元素时，编译器无法静态确认该Widget是否实现了PreferredSizeWidget，因此抛出类型不匹配错误。

改为StatefulWidget后正常，是因为Dart对StatefulWidget的类型推断优先级更高，编译器能直接识别它实现了PreferredSizeWidget，但这属于编译器的特殊处理，并非通用解决方案。

解决方法 #

显式指定列表类型为List<PreferredSizeWidget>，强制编译器按目标类型检查每个元素：

Scaffold(
  appBar: <PreferredSizeWidget>[
    const HomeAppBar(),
    const AccountAppBar(),
    const SettingsAppBar(),
  ][pageIndex],
  body: ...
);

这样编译器会确认列表中每个元素都实现了PreferredSizeWidget，类型匹配问题即可解决。

内容的提问来源于stack exchange，提问作者matt