showDialog表示中に背景となっているListViewをスクロールさせたい

Question

前提・実現したいこと

ListViewの上にshowDialogを表示させる際、
showDialog表示中に背景となっているListViewをスクロールさせたいです。
しかし、公式を見ても、そのような設定を可能にする
パラメータがshowDialogには備わっていないように見えます。
掲題の実現方法を教えていただきたいです。

なお、下記ソースは、showDialog中に背景をスクロールできない状態のデモです。

以上です。
よろしくお願いいたします。

該当のソースコード

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyHome(),
    );
  }
}

class MyHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var list = ["メッセージ", "メッセージ", "メッセージ", "メッセージ", "メッセージ",];
    return Scaffold(
        appBar: AppBar(
          title: const Text('ListView'),
        ),
        body: Column(children: <Widget>[
          TextButton(child: const Text('ボタン'), onPressed: () {
            showDialog(
              context: context,
              builder: (_) {
                return const AlertDialog(
                  title: Text("This is the title"),
                );
              },
            );
          }),
          Expanded(child: ListView.builder(
              itemBuilder: (BuildContext context, int index) {
                if (index >= list.length) {
                  list.addAll(["メッセージ","メッセージ","メッセージ","メッセージ",]);
                }
                return _messageItem(list[index]);
              },
          ))
        ]),
      );
  }
  
  Widget _messageItem(String title) {
    return Container(
      decoration: const BoxDecoration(
        border: Border(bottom: BorderSide(width: 1.0, color: Colors.grey))
      ),
      child: ListTile(
        title: Text(
          title,
          style: const TextStyle(
            color:Colors.black,
            fontSize: 18.0
          ),
        ),
      ),
    );
  }
}

補足情報（FW/ツールのバージョンなど）

記載のソースはdartpadで動作確認済みです。

Answer 1

showDialogはモーダルウィンドウを生成するファンクションなので、表示中に親の操作をするのは無理です。

Stackに自前で実装したダイアログ風のウィジェットを置いておき、
通常時には非表示にしておき、ボタンをタップしたら表示させるようにするのがシンプルでいいかと思います。
（使い回しは効かないですが）

モーダルウィンドウの詳しい説明はWikipediaを見てください。
モーダルウィンドウ - Wikipedia

Comments

[ozaki1998]

ご回答いただきありがとうございます。
ご指定のリンクを見て、モーダルウィンドウとは「必要な入力がなされるまで、アプリケーションの実行をブロックする」ということを初めて知りました。
上記のため、モーダルではそもそも背景を操作できなかったのですね。

おっしゃる通り、Stackを使用することで思い通りの実装ができました。
( OverlayとStackを合わせて使用することで、ポップアップの挿入と削除を実現しました。)

ありがとうございました。