[Flutter]ListViewがColumn内で使えないのはなぜ？

どうも、ちょげ(@chogetarou)です。

ListViewがColumn内で使えない理由を解説します。

理由

ListViewがColumn内で使えないのは、どちらも最大限まで表示スペースを取得しようとするからです。

まず、ListViewが最大限まで表示スペースを取得しようとします。

ListViewに合わせて、Columnも最大限まで表示スペースを取得しようとします。

ListViewは、まだ表示スペースを取得できると、更に表示スペースを取得しようとします。

それに合わせて、Columnも・・・・。

というように、表示するスペースを求めて、無限ループが起こるのです。

そのせいで、重要である中身が描画されなくなります。

なので、厳密には使えないというよりは、２つのウェジェットの特徴が良くない方向に噛み合ってしまったのです。

まとめ

ListViewがColumn内で使えないのは、どちらのウェジェットも表示するためのスペースを最大限まで取得しようとするからです。

参考書籍

Amazon | Flutter Complete Reference: Create beautiful, fast and native apps for any device | Miola, Alberto | Specific Skills

Amazon配送商品ならFlutter Complete Reference: Create beautiful, fast and native apps for any deviceが通常配送無料。更にAmazonならポイント還元本が多...

amzn.to