Flutter 自定义小部件 AppBar

如何在Scaffold(脚手架)构造属于自己的小部件呢？那么开始吧。

第一步：创建StatelessWidget，实现小部件的接口 PreferredSizeWidget

⚠️不初始化 Size 运行肯定是报错的

// 返回窗口的大小

Size get preferredSize =>null; 

第二步：在构造器中初始化 Size

代码一

默认代码 @override Sizeget preferredSize => null;

替换代码 @override final Size preferredSize;

第三步：在Scaffold new 自定义的小部件

代码二

第四步：widget build(BuildContext context) 返回自定义布局即可