Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
リストのスクロール方法の検討
Search
Kanta Mori
December 08, 2023
0
430
リストのスクロール方法の検討
Kanta Mori
December 08, 2023
Tweet
Share
More Decks by Kanta Mori
See All by Kanta Mori
ゆめみの Flutter エンジニア育成方法
morikann
2
1.5k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Faster Mobile Websites
deanohume
310
31k
The Pragmatic Product Professional
lauravandoore
37
7.1k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
120k
[SF Ruby Conf 2025] Rails X
palkan
0
510
Visualization
eitanlees
150
16k
Making Projects Easy
brettharned
120
6.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Transcript
リストのスクロール方法の検討 YOUTRUST × ゆめみ Flutter LT会 #4
自己紹介 • 名前: 森 寛太 • ゆめみの Flutter エンジニア •
GitHub: https://github.com/morikann
リストのアイテムにスクロールする方法は何がある?🤔
None
計算が大変😱
Key を割り当てる方法がある💡
Keyを作成し、 リストのアイテムに渡す 遷移したいwidgetのcontextを 渡してスクロール
Keyを作成し、 リストのアイテムに渡す 遷移したいwidgetのcontextを 渡してスクロール
None
問題点 あらかじめ全てのリストアイテムにKeyを割り当てる必要がある 効率的なリストには使えない(ex. ListView.builder, SliverList.builder)
どうするか 🤔
scrollable_positioned_list • Googleが開発 • 効率的なカスタムリストを提供 • スクロールによるリストアイテムへの移 動 • ジャンプによるリストアイテムへの移動
None
問題点 • 画面全体でスクロールできる、かつ 画面の一部にリストを表示する構成ができない • CustomScrollView + SliverFillRemainingで ScrollablePositionedList.builderをラップすると それっぽい画面はできるが期待する動作にはならない
問題点 • 画面全体でスクロールできる、かつ 画面の一部にリストを表示する構成ができない • CustomScrollView + SliverFillRemainingで ScrollablePositionedList.builderをラップすると それっぽい画面はできるが期待する動作にはならない
どうするか 🤔
scroll_to_index • カスタムリストの提供はなし • 既存のリストに適用可能 • スクロールによるリストアイテムへの移 動 • ジャンプによるリストアイテムへの移動
は提供していない
AutoScrollController のインスタンスを作成 AutoScrollTag でリストアイテムをラップ スクロールメソッドにindexを提供するだけ
AutoScrollController のインスタンスを作成 AutoScrollTag でリストアイテムをラップ スクロールメソッドにindexを提供するだけ
まとめ • リストのスクロール方法は色々ある • デザイン、要件に合わせて適切な方法を取っていきたい
ご清聴ありがとうございました!