{"id":5293,"date":"2025-09-12T13:46:59","date_gmt":"2025-09-12T13:46:59","guid":{"rendered":"https:\/\/pokecon.jp\/job\/?p=5293"},"modified":"2025-09-12T13:46:59","modified_gmt":"2025-09-12T13:46:59","slug":"flutter3-32%e3%81%8b%e3%82%89-navigatorstate-push-%e3%81%ae%e6%8c%99%e5%8b%95%e3%81%8c%e5%a4%89%e3%82%8f%e3%81%a3%e3%81%9f%e8%a9%b1-youtrust-tech-blog","status":"publish","type":"post","link":"https:\/\/pokecon.jp\/job\/5293\/","title":{"rendered":"Flutter3.32\u304b\u3089 `NavigatorState.push` \u306e\u6319\u52d5\u304c\u5909\u308f\u3063\u305f\u8a71 – YOUTRUST Tech Blog"},"content":{"rendered":"\n
<\/p>\n
\n

\u3069\u3046\u3082\u3001\u682a\u5f0f\u4f1a\u793eYOUTRUST\u306e\u30a2\u30d7\u30ea\u958b\u767a\u306e\u30ea\u30fc\u30c9\u30a8\u30f3\u30b8\u30cb\u30a2\u3092\u52d9\u3081\u3066\u3044\u308bashdik\u3053\u3068\u671d\u65e5(YOUTRUST <\/a>\/ X<\/a>)\u3067\u3059\u3002<\/p>\n

\u6700\u8fd1\u306f\u3001\u307e\u305f\u30b9\u30de\u30d6\u30e9\u71b1\u304c\u5c11\u3057\u518d\u71c3\u3057\u3066\u304a\u308a\u30af\u30ed\u30e0\u3092VIP\u5165\u308a\u3055\u305b\u3088\u3046\u3068\u5c3d\u529b\u3055\u305b\u3066\u3044\u308b\u3068\u3053\u308d\u3067\u3059\u3002<\/p>\n

\u306f\u3058\u3081\u306b<\/h2>\n

Flutter 3.32\u306b\u30a2\u30c3\u30d7\u30c7\u30fc\u30c8\u3057\u305f\u969b\u3001NavigatorState.push<\/code> \u3092\u4f7f\u3063\u305f\u753b\u9762\u9077\u79fb\u3067\u4e88\u671f\u3057\u306a\u3044\u6319\u52d5\u3092\u767a\u898b\u3057\u307e\u3057\u305f\u3002<\/p>\n

await<\/span> Navigator.of(context).push(...);\nawait<\/span> something(); \n<\/pre>\n
\u50d5\u306e\u8a8d\u8b58\u3067\u306f\u3001\u3053\u306e\u30b3\u30fc\u30c9\u306f\u300c\u9077\u79fb\u5148\u304b\u3089\u4f55\u3089\u304b\u306e\u65b9\u6cd5\u3067\u3053\u306e\u753b\u9762\u306b\u623b\u3063\u3066\u304d\u305f\u6642\u306b something<\/code> \u304c\u5b9f\u884c\u3055\u308c\u308b\u300d\u3002
\u3060\u3063\u305f\u306e\u3067\u3059\u304c\u3001something()<\/code> \u304c\u9055\u3046\u30d1\u30bf\u30fc\u30f3\u3067\u3082\u5b9f\u884c\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n
\u305d\u3093\u306a\u304a\u8a71\u3067\u3059\u3002<\/p>\n
\u524d\u63d0<\/h2>\n
    \n
  • go_router<\/code> \u306f\u4f7f\u7528\u3057\u3066\u304a\u3089\u305a\u3001 MaterialPageRoute<\/code>\/push<\/code> \u3067\u753b\u9762\u9077\u79fb\u3092\u5b9f\u73fe<\/li>\n
  • Navigator 1.0<\/code> \u3092\u63a1\u7528<\/li>\n<\/ul>\n
    \u554f\u984c\u306e\u8a73\u7d30<\/h2>\n
    \u30a2\u30d7\u30ea\u3067\u306eNavigator Stack<\/h3>\n
      MaterialApp (root)\n  \u251c\u2500\u2500 \u8d77\u52d5\u753b\u9762\n  \u2502\n  \u251c\u2500\u2500 \u65b0\u898f\u767b\u9332\/\u30ed\u30b0\u30a4\u30f3\u9078\u629e\u753b\u9762\n      \u251c\u2500\u2500\u2500\u2500 \u753b\u9762A  \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\n      \u2514\u2500\u2500\u2500\u2500 \u753b\u9762B  \/\/ \u30bf\u30fc\u30b2\u30c3\u30c8\n  \u2502\n  \u251c\u2500\u2500 \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u753b\u9762\n  \u2502  \u251c\u2500\u2500\u2500\u2500 \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u9805\u76ee\u5165\u529b\u753b\u9762 * n\u500b\n  \u2502  \u2514\u2500\u2500\u2500\u2500 ...\n  \u2502\n  \u2514\u2500\u2500 \u30db\u30fc\u30e0\u753b\u9762<\/pre>\n
    \u8d77\u52d5\u753b\u9762\u3084\u30db\u30fc\u30e0\u753b\u9762\u306a\u3069\u306f rootNavigator<\/code>\u306b\u3088\u308b pushReplacement<\/code>\u3084 pushAndRemoveUntil<\/code>\u3001 \u753b\u9762A\u3084\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u9805\u76ee\u5165\u529b\u753b\u9762\u306f \u901a\u5e38\u306e NavigatorState.push<\/code> \u3092\u4f7f\u3063\u3066\u9077\u79fb\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n
    \u4eca\u56de\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u306f\u753b\u9762A\u3084\u753b\u9762B\u3067\u3059\u3002<\/strong><\/p>\n
    \u5f93\u6765\u306e\u6319\u52d5\uff08\uff5eFlutter 3.31\uff09<\/h3>\n
    \/\/ \u753b\u9762A\u3067\u306e\u5b9f\u88c5\nawait Navigator.of(context).push(\u753b\u9762B);\nawait something();<\/pre>\n
    \u5f93\u6765\u306e\u5b9f\u884c\u9806\u5e8f:<\/strong>
    1. push \u306b\u3088\u308a\u753b\u9762\u9077\u79fb
    2. \u30e6\u30fc\u30b6\u30fc\u304c\u623b\u308b\uff08pop\uff09\u307e\u3067\u51e6\u7406\u306f\u4e2d\u65ad
    3. \u753b\u9762B\u304b\u3089\u623b\u3063\u305f\u76f4\u5f8c\u306bsomething<\/code>\u304c\u5b9f\u884c
    4. \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304c\u7d42\u308f\u308a\u3001\u30db\u30fc\u30e0\u753b\u9762\u306b\u9077\u79fb\u3057\u3066\u3082\u5b9f\u884c\u3055\u308c\u306a\u3044<\/strong><\/p>\n
    \ud83d\udc49 await push<\/code> \u306f\u300c\u9077\u79fb\u5148\u306e\u753b\u9762\u304c\u9589\u3058\u308b\u307e\u3067\u5f85\u3064\u300d\u6319\u52d5\u3060\u3063\u305f\u3002<\/p>\n
    \u65b0\u3057\u3044\u6319\u52d5\uff08Flutter 3.32\uff5e\uff09<\/h3>\n
    \u65b0\u3057\u3044\u5b9f\u884c\u9806\u5e8f:<\/strong><\/p>\n
      \n
    1. push \u306b\u3088\u308a\u753b\u9762\u9077\u79fb<\/li>\n
    2. \u30e6\u30fc\u30b6\u30fc\u304c\u623b\u308b\uff08pop\uff09\u307e\u3067\u51e6\u7406\u306f\u4e2d\u65ad<\/li>\n
    3. \u753b\u9762B\u304b\u3089\u623b\u3063\u305f\u76f4\u5f8c\u306bsomething<\/code>\u304c\u5b9f\u884c<\/li>\n
    4. \u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb\u304c\u7d42\u308f\u308a\u3001\u30db\u30fc\u30e0\u753b\u9762\u306b\u9077\u79fb\u3057\u305f\u6642\u306bsomething\u304c\u5b9f\u884c\u3055\u308c\u3066\u3057\u307e\u3046<\/strong><\/li>\n<\/ol>\n
      \u80cc\u666f: \u516c\u5f0f\u306e\u5909\u66f4\u306b\u3064\u3044\u3066<\/h2>\n
      Breaking Change \u306e\u8a73\u7d30<\/h3>\n
      Flutter<\/code> \u30ea\u30dd\u30b8\u30c8\u30ea\u3067 Navigator<\/code> \u306b\u95a2\u3059\u308b\u3082\u306e\u3092\u8abf\u67fb\u3057\u3066\u307f\u308b\u3068\u4ee5\u4e0b\u306eIssue\u304c\u898b\u3064\u304b\u308a\u307e\u3059\u3002<\/p>\n