Flutter 之页面切换（基本路由）

一个应用程序通常由多个页面组成，而统一管理页面之间跳转的机制通常被称为路由管理或导航管理

路由管理

在 Flutter 中，页面之间的跳转是通过 Route 和 Navigator 来管理的

• Route：页面的抽象，主要负责创建对应的界面、接收参数、响应 Navigator 打开和关闭
• Navigator：维护一个路由栈来管理 Route，Route 打开即入栈，Route 关闭即出栈，还可以直接替换栈内的某一个 Route

根据是否需要提前注册页面标识符，Flutter 中的路由管理可以分为两种方式

• 基本路由：无需提前注册，在页面切换时需要机自己构造页面实例
• 命名路由：需要提前注册页面标识符，在页面切换时通过标识符直接打开新的路由

基本路由

在 Flutter 中，使用基本路由要导航到一个新的页面时，需要创建一个 MaterialPageRoute 的实例，并调用 Navigator.push 方法将新页面压到堆栈的顶部

注意：MaterialPageRoute 是一种路由模板，定义了路由创建及切换过渡动画的相关配置

返回上一页面则需要调用 Navigator.pop 方法将该页面从堆栈中移除

如下代码演示了基本路由的使用方法：在第一个页面的按钮事件中打开第二个页面，并在第二个页面的三个按钮事件中分别实现如下功能：回退到第一个页面；以无参形式打开第三个页面，并从堆栈中移除第二个页面；以有参形式打开第三个页面

class FirstPage extends StatelessWidget {
  @override
  Wid