User interface 使滑动应用条具有图像作为背景而不是颜色

我有一个带背景图像的滑动应用条

折叠时，背景为蓝色：

但我希望它在折叠时显示背景图像，而不是蓝色：

我怎样才能做到这一点

我已经尝试过给应用程序栏一个透明的背景色， 但它没有起作用

代码：

void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
var scrollController=scrollController（）；
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
home:home（））；
}
}
类Home扩展了StatefulWidget{
@凌驾
_HomeState createState（）=>\u HomeState（）；
}
类(HomeState扩展状态){
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：DefaultTabController(
长度：2，
子：嵌套滚动视图(
班主任：
（BuildContext上下文，boolInnerBoxIsCrowled）{
返回[
滑杆(
扩展高度：200.0，
浮动：假，
对,，
flexibleSpace:FlexibleSpaceBar(
标题：对，
标题：文本（“折叠工具栏”，
样式：TextStyle(
颜色：颜色，白色，
字体大小：16.0，
)),
背景：Image.net(
"https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
适合：BoxFit.cover，
)),
),
填缝料(
填充：新边缘设置。全部（16.0），
银条：新银条列表(
委托：新建SliverChildListDelegate([
塔巴(
labelColor:Colors.black87，
未选择的标签颜色：Colors.grey，
选项卡：[
新建选项卡（图标：新建图标（Icons.info），文本：“选项卡1”），
新标签(
图标：新图标（图标、灯泡轮廓），
正文：“表2”），
],
),
]),
),
),
];
},
正文：中(
子：文本（“示例文本”），
),
),
));
}
}

请检查以下代码：

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  var scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Home());
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: DefaultTabController(
      length: 2,
      child: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return [
            SliverAppBar(
              expandedHeight: 200.0,
              floating: true,
              pinned: true,
              snap: true,
              actionsIconTheme: IconThemeData(opacity: 0.0),
              flexibleSpace: Stack(
                children: <Widget>[
                  Positioned.fill(
                      child: Image.network(
                    "https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
                    fit: BoxFit.cover,
                  ))
                ],
              ),
            ),
            SliverPadding(
              padding: new EdgeInsets.all(16.0),
              sliver: new SliverList(
                delegate: new SliverChildListDelegate([
                  TabBar(
                    labelColor: Colors.black87,
                    unselectedLabelColor: Colors.grey,
                    tabs: [
                      new Tab(icon: new Icon(Icons.info), text: "Tab 1"),
                      new Tab(
                          icon: new Icon(Icons.lightbulb_outline),
                          text: "Tab 2"),
                    ],
                  ),
                ]),
              ),
            ),
          ];
        },
        body: Center(
          child: Text("Sample text"),
        ),
      ),
    ));
  }
}

void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
var scrollController=scrollController（）；
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
home:home（））；
}
}
类Home扩展了StatefulWidget{
@凌驾
_HomeState createState（）=>\u HomeState（）；
}
类(HomeState扩展状态){
@凌驾
小部件构建（构建上下文）{
返回脚手架(
正文：DefaultTabController(
长度：2，
子：嵌套滚动视图(
headerSliverBuilder：（BuildContext上下文，boolInnerBoxIsCrolled）{
返回[
滑杆(
扩展高度：200.0，
浮动：是的，
对,，
是的，
actionsIconTheme:IconThemeData（不透明度：0.0），
flexibleSpace：堆栈(
儿童：[
定位填充(
孩子：Image.network(
"https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
适合：BoxFit.cover，
))
],
),
),
填缝料(
填充：新边缘设置。全部（16.0），
银条：新银条列表(
委托：新建SliverChildListDelegate([
塔巴(
labelColor:Colors.black87，
未选择的标签颜色：Colors.grey，
选项卡：[
新建选项卡（图标：新建图标（Icons.info），文本：“选项卡1”），
新标签(
图标：新图标（图标、灯泡轮廓），
正文：“表2”），
],
),
]),
),
),
];
},
正文：中(
子：文本（“示例文本”），
),
),
));
}
}

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  var scrollController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Home());
  }
}

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: DefaultTabController(
      length: 2,
      child: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return [
            SliverAppBar(
              expandedHeight: 200.0,
              floating: true,
              pinned: true,
              snap: true,
              actionsIconTheme: IconThemeData(opacity: 0.0),
              flexibleSpace: Stack(
                children: <Widget>[
                  Positioned.fill(
                      child: Image.network(
                    "https://images.pexels.com/photos/396547/pexels-photo-396547.jpeg?auto=compress&cs=tinysrgb&h=350",
                    fit: BoxFit.cover,
                  ))
                ],
              ),
            ),
            SliverPadding(
              padding: new EdgeInsets.all(16.0),
              sliver: new SliverList(
                delegate: new SliverChildListDelegate([
                  TabBar(
                    labelColor: Colors.black87,
                    unselectedLabelColor: Colors.grey,
                    tabs: [
                      new Tab(icon: new Icon(Icons.info), text: "Tab 1"),
                      new Tab(
                          icon: new Icon(Icons.lightbulb_outline),
                          text: "Tab 2"),
                    ],
                  ),
                ]),
              ),
            ),
          ];
        },
        body: Center(
          child: Text("Sample text"),
        ),
      ),
    ));
  }
}