リストのスクロール方法の検討

Transcript

1. リストのスクロール方法の検討 YOUTRUST × ゆめみ Flutter LT会 #4
2. 自己紹介 • 名前: 森 寛太 • ゆめみの Flutter エンジニア • GitHub: https://github.com/morikann
3. リストのアイテムにスクロールする方法は何がある？🤔
5. 計算が大変😱
6. Key を割り当てる方法がある💡
7. Keyを作成し、 リストのアイテムに渡す 遷移したいwidgetのcontextを 渡してスクロール
8. Keyを作成し、 リストのアイテムに渡す 遷移したいwidgetのcontextを 渡してスクロール
10. 問題点 あらかじめ全てのリストアイテムにKeyを割り当てる必要がある 効率的なリストには使えない（ex. ListView.builder, SliverList.builder）
11. どうするか 🤔
12. scrollable_positioned_list • Googleが開発 • 効率的なカスタムリストを提供 • スクロールによるリストアイテムへの移 動 • ジャンプによるリストアイテムへの移動
14. 問題点 • 画面全体でスクロールできる、かつ 画面の一部にリストを表示する構成ができない • CustomScrollView + SliverFillRemainingで ScrollablePositionedList.builderをラップすると それっぽい画面はできるが期待する動作にはならない
15. 問題点 • 画面全体でスクロールできる、かつ 画面の一部にリストを表示する構成ができない • CustomScrollView + SliverFillRemainingで ScrollablePositionedList.builderをラップすると それっぽい画面はできるが期待する動作にはならない
16. どうするか 🤔
17. scroll_to_index • カスタムリストの提供はなし • 既存のリストに適用可能 • スクロールによるリストアイテムへの移 動 • ジャンプによるリストアイテムへの移動 は提供していない 󰢃
18. AutoScrollController のインスタンスを作成 AutoScrollTag でリストアイテムをラップ スクロールメソッドにindexを提供するだけ
19. AutoScrollController のインスタンスを作成 AutoScrollTag でリストアイテムをラップ スクロールメソッドにindexを提供するだけ
20. まとめ • リストのスクロール方法は色々ある • デザイン、要件に合わせて適切な方法を取っていきたい
21. ご清聴ありがとうございました！