https://akashark.github.io/en/tags/%E8%B7%AF%E7%94%B1/ Recent content in 路由 on Sharker / Notes Hugo zh-CN Fri, 07 Oct 2022 23:36:30 +0800 https://akashark.github.io/en/posts/read/flutter%E5%AE%9E%E6%88%98/%E7%AC%AC%E4%B8%80%E4%B8%AAflutter%E5%BA%94%E7%94%A8-%E4%B8%89/ Fri, 07 Oct 2022 23:36:30 +0800 https://akashark.github.io/en/posts/read/flutter%E5%AE%9E%E6%88%98/%E7%AC%AC%E4%B8%80%E4%B8%AAflutter%E5%BA%94%E7%94%A8-%E4%B8%89/ <p><a href="https://book.flutterchina.club/chapter2/first_flutter_app.html#_2-1-1-%E5%88%9B%E5%BB%BAflutter%E5%BA%94%E7%94%A8%E6%A8%A1%E6%9D%BF">第二章</a></p> <h2 id="路由管理">路由管理</h2> <h3 id="materialpageroute">MaterialPageRoute</h3> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-dart" data-lang="dart"><span class="line"><span class="cl"><span class="c1">// 路由跳转 </span></span></span><span class="line"><span class="cl"> <span class="n">Navigator</span><span class="p">.</span><span class="n">push</span><span class="p">(</span> </span></span><span class="line"><span class="cl"> <span class="n">context</span><span class="p">,</span> </span></span><span class="line"><span class="cl"> <span class="n">MaterialPageRoute</span><span class="p">(</span><span class="nl">builder:</span> <span class="p">(</span><span class="n">context</span><span class="p">){</span> </span></span><span class="line"><span class="cl"> <span class="k">return</span> <span class="kd">const</span> <span class="n">NewRoute</span><span class="p">();</span> </span></span><span class="line"><span class="cl"> <span class="p">})</span> </span></span><span class="line"><span class="cl"> <span class="p">);</span> </span></span></code></pre></div><p>MaterialPageRoute继承自PageRoute类，PageRoute类是一个抽象类，表示占有整个屏幕空间的一个模态路由页面，它还定义了路由构建及切换时过渡动画的相关接口及属性。MaterialPageRoute 是 Material组件库提供的组件，它可以针对不同平台，实现与平台页面切换动画风格一致的路由切换动画</p>