SliverAppBarはなぜ変化する？ ~ Sliverを内側から理解する ~ by Aoi Umigishi

概要

SliverAppBarはスクロールに応じて大きさが変化したり、スクロールを中断時に出現したりするAppBarのWidgetです。
ちょっとリッチなスクロールを実装する際に利用するこのWidget、
どうしてこのような動きが実現できるのでしょうか？
SliverAppBarを題材に、FlutterのSliverの中身を深掘りして解説します。
また、Flutter 3.24で追加されたPinnedHeaderSliver、SliverResizingHeaderについても、中身を解説します。

具体的には以下の内容について解説します。

• SliverAppBar の動き
• Sliverとは
• Sliverの仕組み
• SliverAppBarの仕組み
• PinnedHeaderSliver、SliverResizingHeaderについて

Flutterでのスクロール画面でのエラーに対し、
CustomScrollView、Sliverの利用はよく採用される解決策です。
今回の発表を通してSliverへの理解を深めていただき、
開発力の向上の一助となればと思います。

想定視聴者

• Flutterでリッチなスクロール画面を実装したい方
• Flutterの内部実装に興味のある方
• Sliverの取り扱いに悩んでいる方