第13篇 Flutter Sliver 动画:滚动视差效果

写在前面

今天想和你聊聊 Flutter 中创建滚动视差效果的技术——Sliver 动画。在我眼里,Sliver 就像是给滚动配上了"层次感",让界面随着滚动产生丰富的视觉变化。

CustomScrollView 与 Sliver

CustomScrollView(
  slivers: [
    SliverAppBar(
      expandedHeight: 200,
      flexibleSpace: FlexibleSpaceBar(
        title: Text('标题'),
        background: Image.asset('header.jpg', fit: BoxFit.cover),
      ),
    ),
    SliverList(...),
  ],
)

写在最后

Flutter Sliver 动画让滚动体验更加丰富。记住,像素不能偏差 1px。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐