flutter 模仿boss直聘个人中心页面简单实现

flutter 模仿boss直聘个人中心页面简单实现

效果图:

前言:

boss直聘APP相信大家都用过吧 这个，个人中心页面布局效果也不难 原生安卓 iOS 实现都比较的简单。
我这里就不展开讲，今天主要讲解flutter版本如何实现 废话不多说我正式开始 。

具体实现

1.头部的appbar的实现

这里我们使用的是 Scaffold 脚手架框架配合SliverAppBar 来实现的 具体代码如下 当让你也可以用其他方式实现 代码如下:

  new SliverAppBar(
            expandedHeight: _appBarHeight,
            flexibleSpace: new FlexibleSpaceBar(
              collapseMode: CollapseMode.parallax,
              background: new Stack(
                fit: StackFit.expand,
                children: <Widget>[
                  const DecoratedBox(
                    decoration: const BoxDecoration