すらぼうの開発ノート

モバイルアプリエンジニアのメモ

【Flutter】Scrollcontrollerで現在の表示位置を取得する

本エントリではScrollControllerを使用して現在の表示位置を取得する方法を以下の流れで説明する。



ScrollControllerとは

ListViewGridViewなどのスクロール可能なウィジェットスクロール処理を管理する。

api.flutter.dev

ScrollColtrollerを利用することで、「下スクロールでリスト形式されたアイテムの追加読み込みを行う」といった処理を実装することができる。

現在位置の取得方法

ScrollControllerposition.pixelsプロパティで取得することができる。

position.pixelsプロパティで得られる値はスクロール方向に対して何ピクセルだけ移動したかを表す。 ピクセルに関して詳しく知りたい場合は以下の記事を参照してほしい。

note-tmk.hatenablog.com