back keyイベントを拾う方法

Question

はじめまして。
Flutterでアプリを制作しています。
back keyイベントを拾う方法をご教授いただければ幸いです。

以下の画像の最下部　赤い〇で囲んだ部分です。
WillPopScopeクラスを使って、左上のback keyイベント（青い〇）は拾えましたが
赤い〇の部分は拾えておりません。
どうぞよろしくお願いいたします。

class ResponseView extends StatelessWidget {

    return WillPopScope(
      onWillPop: () async {
        return showDialog(
          context: context,
          builder: (context) => new AlertDialog(
            title: new Text('Are you sure?'),
            content: new Text('Do you want to exit an App'),
            actions: <Widget>[
              new GestureDetector(
                onTap: () => Navigator.of(context).pop(false),
                child: Text("NO"),
              ),
              SizedBox(height: 16),
              new GestureDetector(
                onTap: () => Navigator.of(context).pop(true),
                child: Text("YES"),
              ),
            ],
          ),
        ) ??
            false;
      },
      child: new Scaffold(
        appBar: new AppBar(
          title: new Text(
            "On Back pressed",
            style: new TextStyle(color: Colors.white),
          ),
        ),
        body: new Center(
          child: new Text("Home Page"),
        ),
      ),
    );
  }
}

Comments

[nskhei]

手元で試したところ、うまく動いたので、よければ Flutter のバージョンを教えて欲しいです

[rick]

1.17.0 でしょうかね？flutter --versionで調べてみました。

C:\Users\kobaryo\AndroidStudioProjects\flutter_gowjp_0823>flutter --version
Warning! The 'flutter' tool you are currently running is from a different Flutter repository than the one last used by this package. The repository from which the 'flutter' tool is
currently executing will be used instead.
running Flutter tool: C:\flutter
previous reference : C:\flutterSDK\flutter
This can happen when you have multiple copies of flutter installed. Please check your system path to verify that you are running the expected version (run 'flutter --version' to see
which flutter is on your path).

╔════════════════════════════════════════════════════════════════════════════╗
║ A new version of Flutter is available! ║
║ ║
║ To update to the latest version, run "flutter upgrade". ║
╚════════════════════════════════════════════════════════════════════════════╝

Flutter 1.17.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision e6b34c2b5c (4 months ago) • 2020-05-02 11:39:18 -0700
Engine • revision 540786dd51
Tools • Dart 2.8.1

[nskhei]

もしかしたら、Flutterのバージョンなども関係しているかもしれませんね。
自分は1.20.2で試した所正常に動作したので、よければflutter upgradeして再度試してみてください。

[rick]

以前はご回答いただきありがとうございます。
flutter upgradeによって1.20.3へバージョンアップしてみましたが、同じく赤丸のbackキーのみ効きませんでした。(sdkバージョン28の端末入れて動作確認しています)

そちらの端末では正常動作してこちらでは効かないということで、別の要因があるみたいです。

[nskhei]

なるほど、だとすると自分には分からないです。すいません...。