All Articles

Navigatorで自動で追加される戻るアイコンのイベントを検知する方法

目次

背景

  • Navigatorのpushで次のページにいくと、AppBarの左上に自動で戻るアイコンが追加されている
    • そのイベントを記載する箇所がわからない

方法

  • ScaffoldウィジェットをWillPopScopeで囲む

手順

  • 以下記載のようにする
  • 注意点
    • Future.value(true)を返してしまうと、pop関数が2度実行され、遷移元の画面もpopされる。
return WillPopScope(
      onWillPop: () {
        Navigator.of(context).pop(返したい値);
        return Future.value(false);
      },
      child: Scaffold()

Published Dec 8, 2020

Flutterでスマホアプリ開発しています