エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【Flutter】CustomScrollView & Sliversで複数要素を一緒にスクロールできるようにする
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【Flutter】CustomScrollView & Sliversで複数要素を一緒にスクロールできるようにする
ページ先頭にヘッダー画像などをつけて、スクロールしたらフェイドアウトしていくようなUIを作る。 List... ページ先頭にヘッダー画像などをつけて、スクロールしたらフェイドアウトしていくようなUIを作る。 ListViewだとリスト部分しかスクロールできないし、スクロールできるヘッダーみたいなものを入れたい!というときに便利だと思う。 使うのはCustomScrollViewとslivers。 slivers属性には仲間がたくさんいて、その中でも↑のような動きは3つのクラスを使っている。 SliverAppBar : 動きのあるAppBar SliverList : スクロールできるリスト(要素によって高さ(大きさ)を指定できる) SliverFixedExtentList : スクロールできるリスト(全ての要素で高さが一様) 今回の例ではSliverListを使う意味がなかったけれど(汗)、例えば高さの異なるボタンとテキストを並べて配置したい時などはSliverListを使うのが良さそう。 高さ