Flutterを用いたアプリ開発でGridViewを操作する際、スクロールを無効にしたいケースが出てくることがあります。
特に行数が2行や3行程度であれば、スクロールの発生は避けたいと思うことでしょう。
一方、GridView部分が上下に動く挙動が意図しない動作となり得ます。
そうした状況を改善するためのスクロール無効化手法について、今回は詳しく解説します。
GridViewスクロール無効化の手順
スクロールを無効にするための実装は比較的簡単で、特にphysicsパラメータにNeverScrollableScrollPhysics()を指定することが必要となります。
Dart
GridView.count(
physics: NeverScrollableScrollPhysics(),
)これにより、GridViewのスクロールは無効化され、特定の行数でのスクロール発生を防ぐことができます。
参考として、この問題に対する詳細な回答が提供されているIssueがあります。
まとめ
以上が、FlutterのGridViewでスクロールを無効にする方法になります。
短い行数のGridViewでスクロールを発生させたくない場合や、GridView部分の意図しない上下移動を避けたい場合など、様々なケースで活用できます。
スクロールの制御はアプリのユーザビリティ向上に重要な要素の一つなので、ぜひ活用してみてください。
