[Flutter]AlertDialogでリストビュー(ListView)を表示するには？

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

AlertDialogでリストビューを表示する方法を紹介します。

方法

AlertDialogでリストビューを表示するには、まずListViewを「Container」ウェジェットの「child」にします。

そして、「Container」でリストのサイズを指定します。

AlertDialog(
  title: Text('Alert'),
  content: Container(
    width: 200,
    height: 200,
    color: Colors.grey,
    child: ListView.builder(
      itemCount: 10,
      itemBuilder: (context, index) {
        return ListTile(
          title: Text('$index'),
        );
      },
    ),
  ),
  actions: [
    TextButton(
      onPressed: () => Navigator.pop(context),
      child: Text('閉じる'),
    )
  ],
),