在Flutter项目中，将Scaffold组件中的AppBar参数单独提取到一个新建的文件中，并命名为app_page_header.dart，该文件放置在lib/app/components目录下。将剪切的AppBar小部件代码放入该文件，并定义一个名为AppPageHeader的状态组件。由于AppBar不能直接用作PreferredSizeWidget，所以需要让AppPageHeader实现抽象类PreferredSizeWidget。在实现后，需添加一个重写属性preferredSize且提供一个默认值（例如高度为100）。将新定义的AppPageHeader小部件用于Scaffold中后，将不再显示错误，并能在界面上显示AppBar内容。