如何使用Navigator实现导航功能

我们在上一章回中介绍了Widget的State,本章回中将介绍Route和Navigator，闲话休提，让我们一起Talk Flutter吧。

1 概念介绍

到目前为止，我们介绍的内容都在一个页面中，本章回中将介绍中在Flutter中如何进行页面切换，这里说的页面切换和Android中的Activity之间切换或者IOS中的
UIViewController之间的切换完全相同。Flutter提供了Router和Navigator这两个类来实现页面之间的跳转。我觉得Flutter的页面跳转和IOS类似：提供了专
门的页面跳转管理类,这个管理类在IOS中是UINavigationController,在Flutter中是Navigator.

2 使用方法

Router是一个抽象类，我们无法直接使用，常用的是它的子类PageRoute或者基于Android设计风格的MaterialPageRoute。Navigator提供了两个方法push和
pop。push()方法实现页面跳转功能，pop()方法实现页面返回功能。在这两个方法中需要使用Router类的参数当作页面跳转的对象。下面是这两个方法的原型：
static Future<T?> push<T extends Object?>(BuildContext context, Route route) {}
static void pop<T extends Object?>(BuildContext context, [ T? result ]) {}

3 示例代码

我们先创建了一个叫名SecondRouter的页面，该页面使用的ScaffoldWidget，因此它的顶部是AppBar,AppBar中自带返回箭头，点击返回前头后自动返回到上一
个页面中。该页面的中间是一个OutlineButton，该Button上显示Back文字，点击该Button也可以返回到上一个页面。该页面的详细代码如下：

class SecondRouter extends StatelessWidget {
   
  const SecondRouter({
   Key? key}) : super(key: key);
  @override