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

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

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

// 返回窗口的大小

Size get preferredSize =>null;

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

代码一

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

替换代码 @override final Size preferredSize;

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

代码二

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

flutter封装AppBar
flutter封装AppBar 最近做flutter项目，为了更简洁，封装了AppBar组件，不过不是自定义组件哈...
Flutter 自定义小部件 AppBar
如何在Scaffold(脚手架)构造属于自己的小部件呢？那么开始吧。第一步：创建StatelessWidget，...
2020-09-04
Flutter AppBar 上方空间多余问题自定义使用MediaQuery.removePadding 的r...
Flutter 自定义AppBar实现滚动渐变
通过 Flutter 携程网实战项目，实现自定义AppBar实现滚动渐变。项目地址效果如下：代码实现（注意注释）：
Flutter自定义Appbar
起初想到这个需求，是因项目中有头部定制化的功能。于是硬着头皮去搜索，最终实现了，我的效果图展示只是一个我做成的样子...
Flutter 自定义 AppBar
import 'package:flutter/cupertino.dart'; import 'package:...
Flutter自定义带搜索框的AppBar
刚起步学习Flutter，还是比较容易上手的。下面介绍一下自定义的带搜索框的AppBar。项目地址（github...
flutter标题栏Appbar的封装
设置标题栏高度PreferredSize Flutter的标题栏通常使用AppBar, 但是AppBar并没有提供...
Flutter开发之AppBar Widget
AppBar 应用栏通常用于Scaffold.appBar属性，该属性将应用栏放置在屏幕顶部的固定高度小部件中。对...
flutter appbar
有以下常用属性： leading → Widget - 在标题前面显示的一个控件，在首页通常显示应用的 logo；...