Flutter自定义渐变色AppBar

问题

最近项目组决定使用 Flutter 来做新的App，在开发过程中遇到了这样的一个需求，渐变色的AppBar。

就是这样的，类似于 QQ 中的AppBar:

像 Flutter 这样强大的 UI 库，先看一下AppBar的属性。

 AppBar({
   
    Key key,
    this.leading,
    this.automaticallyImplyLeading = true,
    this.title,
    this.actions,
    this.flexibleSpace,
    this.bottom,
    this.elevation,
    this.backgroundColor,
    this.brightness,
    this.iconTheme,
    this.textTheme,
    this.primary = true,
    this.centerTitle,
    this.titleSpacing = NavigationToolbar.kMiddleSpacing,
    this.toolbarOpacity = 1.0,
    this.bottomOpacity = 1.0,
  }) : assert(automaticallyImplyLeading != null),
       assert(elevation == null || elevation >= 0.0),
       assert(primary != null),
       assert(titleSpacing != null),
       assert(toolbarOpacity != null),
       assert(bottomOpacity != null),
       preferredSize = Size.fromHeight(kToolbarHeight + (bottom?.preferredSize?.height ?? 0.0)),
       super(key: key);

有个 backgroundColor 属性，

final Color backgroundColor;

凉凉，Color 类型。接下来，看一下网上帖子给的方案。

How to add gradient color in AppBar in flutter

https://stackoverflow.com/questions/50412484/how-to-add-gradient-color-in-appbar-in-flutter

大体思路就是继承一个 PreferredSize 类，内部通过 Container + decoration 实现自己需要的效果。（在 Scaffold 类中 appBar 参数需要一个实现 PreferredSizeWidget 的对象）

文章中的代码这里贴出来

Widget build(BuildContext context) {
   
    return new Scaffold(
      appBar: new PreferredSize(
        child: new Container(
          padding: new EdgeInsets.only(
            top: MediaQuery.of(context).