flutterのpopUtilでhomeまで戻る方法【3パターン】

Navigator.popで最初の画面まで戻りたいということがあると思います。
そういう場合にはpopUtilというのを使うのですが、その使い方を3パターン紹介します。

パターン1 - isFirstを使ってHomeに戻る

MaterialAppで一番最初に設定されているの画面に戻ります。

Navigator.popUntil(context, (route) => route.isFirst);

パターン2 - ModalRoute.withNameを使ってHomeに戻る

遷移時に名前をしている場合は、名前を指定してそこまでpopすることができます。

Navigator.popUntil(context, ModalRoute.withName('/home'));

名前を指定する方法↓
Flutterで画面遷移する方法【2パターン】 Flutterで画面遷移する方法【2パターン】

パターン3 - 自分でどこまで戻るかを定義する

関数を自分で定義して、どこまで戻るかを設定できます。

Navigator.popUntil(context, (route) {
  return (route.settings.name == '/home');
});

Flutter開発で知らないと損すること Flutter開発で知らないと損すること

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です