FlutterのAlertDialogでListViewを出す方法。

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

解決方法

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

ポイント1

ListViewSizedBoxでWrapしてwidthを指定する。

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

ポイント2

ListViewshrinkWrapをtrueにする。

これを設定しないと、ListViewが縦長になって無駄なスペースが表示されてしまいます。 file

実装

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

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

file


Flutter開発で知らないと損すること Flutter開発で知らないと損すること

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です