FlutterのAlertDialogでListViewを出す方法。

FlutterのAlertDialogでListViewを出そうとしたところ、
エラーが出て表示できなかったので、調べてみました。

解決方法

以下の二点を行うと表示ができます！

ポイント1

ListViewをSizedBoxでWrapしてwidthを指定する。

幅を設定しないとエラーが起きるみたいです。

ポイント2

ListViewのshrinkWrapをtrueにする。

実装

widthは0でもなぜか自動調整されるので、0に設定しました。

showDialog<int>(
  context: context,
  builder: (BuildContext context) => AlertDialog(
    content: SizedBox(
      width: 0,
      child: ListView(
        shrinkWrap: true,
        children: children,
      ),
    ),
  ),
);

2021年12月18日Flutter開発で知らないと損すること