muranakar

<p data-line="0" class="code-line"><span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__6209dfa9405de" src="https://embed.zenn.studio/card#zenn-embedded__6209dfa9405de" data-content="https%3A%2F%2Fapi.flutter.dev%2Fflutter%2Fwidgets%2FNavigator-class.html" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://api.flutter.dev/flutter/widgets/Navigator-class.html" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://api.flutter.dev/flutter/widgets/Navigator-class.html</a></p>


<span class="embed-block zenn-embedded zenn-embedded-mermaid"><iframe id="zenn-embedded__9fb1f0789b71c" src="https://embed.zenn.studio/mermaid#zenn-embedded__9fb1f0789b71c" data-content="sequenceDiagram%0A%20%20%20%20participant%20C%20as%20Context%0A%20%20%20%20participant%20N%20as%20Navigator%0A%20%20%20%20participant%20R%20as%20Route%0A%20%20%20%20participant%20P%20as%20Page%0A%20%20%20%20%0A%20%20%20%20Note%20over%20C%2CP%3A%201.%20%E9%80%9A%E5%B8%B8%E3%81%AE%E3%83%97%E3%83%83%E3%82%B7%E3%83%A5%E9%81%B7%E7%A7%BB%0A%20%20%20%20C-%3E%3EN%3A%20Navigator.push()%0A%20%20%20%20N-%3E%3ER%3A%20%E6%96%B0%E3%81%97%E3%81%84Route%E3%82%92%E4%BD%9C%E6%88%90%0A%20%20%20%20R--%3E%3EN%3A%20Route%E3%82%92%E8%BF%94%E5%8D%B4%0A%20%20%20%20N-%3E%3EN%3A%20%E6%96%B0%E3%81%97%E3%81%84Route%E3%82%92%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%81%AB%E8%BF%BD%E5%8A%A0%0A%0A%20%20%20%20Note%20over%20C%2CP%3A%202.%20%E5%90%8D%E5%89%8D%E4%BB%98%E3%81%8D%E3%83%AB%E3%83%BC%E3%83%88%E9%81%B7%E7%A7%BB%0A%20%20%20%20C-%3E%3EN%3A%20Navigator.pushNamed()%0A%20%20%20%20N-%3E%3EN%3A%20onGenerateRoute%E3%82%92%E5%91%BC%E3%81%B3%E5%87%BA%E3%81%97%0A%20%20%20%20N-%3E%3ER%3A%20%E6%96%B0%E3%81%97%E3%81%84Route%E3%82%92%E4%BD%9C%E6%88%90%0A%20%20%20%20R--%3E%3EN%3A%20Route%E3%82%92%E8%BF%94%E5%8D%B4%0A%20%20%20%20N-%3E%3EN%3A%20%E6%96%B0%E3%81%97%E3%81%84Route%E3%82%92%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%81%AB%E8%BF%BD%E5%8A%A0%0A%0A%20%20%20%20Note%20over%20C%2CP%3A%203.%20Pages%20API%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%9F%E9%81%B7%E7%A7%BB%0A%20%20%20%20C-%3E%3EN%3A%20pages%E5%A4%89%E6%9B%B4%E3%82%92%E6%A4%9C%E7%9F%A5%0A%20%20%20%20N-%3E%3EN%3A%20pages%E3%81%A8routes%E3%82%92%E6%AF%94%E8%BC%83%0A%20%20%20%20N-%3E%3EP%3A%20Page%E3%81%8B%E3%82%89route%E3%82%92%E7%94%9F%E6%88%90%0A%20%20%20%20P--%3E%3EN%3A%20%E6%96%B0%E3%81%97%E3%81%84Route%E3%82%92%E8%BF%94%E5%8D%B4%0A%20%20%20%20N-%3E%3EN%3A%20routes%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%82%92%E6%9B%B4%E6%96%B0%0A%0A%20%20%20%20Note%20over%20C%2CP%3A%204.%20%E3%83%9D%E3%83%83%E3%83%97%E5%87%A6%E7%90%86%0A%20%20%20%20C-%3E%3EN%3A%20Navigator.pop()%0A%20%20%20%20N-%3E%3ER%3A%20Route.willPop()%E3%82%92%E7%A2%BA%E8%AA%8D%0A%20%20%20%20R--%3E%3EN%3A%20pop%E3%81%8C%E5%8F%AF%E8%83%BD%E3%81%8B%E8%BF%94%E5%8D%B4%0A%20%20%20%20N-%3E%3EN%3A%20Route%E3%82%92%E3%82%B9%E3%82%BF%E3%83%83%E3%82%AF%E3%81%8B%E3%82%89%E5%89%8A%E9%99%A4" frameborder="0" scrolling="no" loading="lazy"></iframe></span><p data-line="36" class="code-line">このシーケンス図は以下の4つの主要なNavigatorの動作を表しています：</p>
<ol data-line="38" class="code-line">
<li data-line="38" class="code-line">Navigator.push()による通常の画面遷移</li>
</ol>
<ul data-line="39" class="code-line">
<li data-line="39" class="code-line">Contextから新しいRouteをプッシュ</li>
<li data-line="40" class="code-line">RouteをNavigatorのスタックに追加</li>
</ul>
<ol start="2" data-line="42" class="code-line">
<li data-line="42" class="code-line">Navigator.pushNamed()による名前付きルート遷移</li>
</ol>
<ul data-line="43" class="code-line">
<li data-line="43" class="code-line">名前からRouteを生成</li>
<li data-line="44" class="code-line">onGenerateRouteコールバックを使用</li>
</ul>
<ol start="3" data-line="46" class="code-line">
<li data-line="46" class="code-line">Pages APIを使用した宣言的な遷移</li>
</ol>
<ul data-line="47" class="code-line">
<li data-line="47" class="code-line">pagesリストの変更を検知</li>
<li data-line="48" class="code-line">現在のroutesと比較して差分を更新</li>
</ul>
<ol start="4" data-line="50" class="code-line">
<li data-line="50" class="code-line">Navigator.pop()によるポップ処理</li>
</ol>
<ul data-line="51" class="code-line">
<li data-line="51" class="code-line">willPop()でポップ可能か確認</li>
<li data-line="52" class="code-line">スタックからRouteを削除</li>
</ul>
