[Flutter]AlertDialogをスクロールできるようにするには?

Flutter

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

AlertDialogをスクロールできるようにする方法を紹介します。

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

AlertDialogをスクロールできるようにするには、まず引数「content」に「Container」を指定します。

次に、「Container」に「width」と「height」に高さを指定します。

そして、「Container」の「child」にListViewを指定します。

AlertDialog(
  title: Text('Alert'),
  content: Container(
    width: 100,
    height: 80,
    child: ListView(
      shrinkWrap: true,
      children: [
        Text('こんにちは'),
        Text('今日は天気がいいですね'),
        Text('ところで'),
        Text('最近何か面白かったことはありますか?'),
        Text('よかったら教えてください'),
      ],
    ),
  ),
  actions: [
    TextButton(
      onPressed: () => Navigator.pop(context),
      child: Text('Close'),
    ),
  ],
);

ポイントは、Containerで高さと横幅を指定する点です。

高さと横幅を指定しないと、AlertDialogが表示されなくなります。

また、直接リストビューを指定しても、AlertDialogが表示されなくなります。

コメント

タイトルとURLをコピーしました