Flutter:在应用程序中滚动到页面顶部时，如何放大图像

Question

我有一个页面，上面有一个Image，下面有一些其他小部件。整个页面都是可滚动的。有人知道如何在滚动到顶部时放大图像以产生类似于Apple Music的效果吗？

在这里你可以找到一个我试图创建的示例：

https://i.stack.imgur.com/MiYLZ.gif

Answer 1

尝试使用Sliver

final bannerHigh = 150.0;

return Scaffold(
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
backgroundColor: Color(0xFF0084C9),
leading: IconButton(
icon: Icon(
Icons.blur_on,
color: Colors.white70,
),
onPressed: () {
Scaffold.of(context).openDrawer();
},
),
expandedHeight: bannerHigh,
floating: true,
pinned: true,
flexibleSpace: FlexibleSpaceBar(
title: Text("Your title",
style: TextStyle(
fontSize: 18,
color: Colors.white,
fontWeight: FontWeight.w600)),
background: Image.network(
'image url',
fit: BoxFit.cover,
),
),
),
SliverList(
delegate: SliverChildListDelegate(
<Widget>[
],
),
),
],
),
);