Flutter 之页面切换（命名路由）

命名路由

之前的文章介绍过基本路由，使用基本路由相对简单灵活，适用于应用中页面不多的场景。而在应用中页面比较多的情况下，再使用基本路由，会导致大量的重复代码，此时使用命名路由会非常方便

路由命名即给页面起个名字，然后直接通过页面名字即可打开该页面

要通过名字来指定打开的页面，必须先给应用程序 MaterialApp 提供一个页面名称映射规则，即路由表 routes

路由表实际上是一个 Map ，其中 key 对应页面名字，value 则是一个 WidgetBuilder 回调方法，我们需要在 WidgetBuilder 回调方法中创建对应的页面。在路由表中定义好页面名字后，就可以通过 Navigator.pushNamed 来打开页面

如下代码演示了命名路由的使用方法

首先定义一个路由集 Routes.dart

import 'package:flutter/material.dart';
import 'package:flutter_app_route/main.dart';

final String home = '/';
final String secondPage = '/SecondPage';
final String threePage = '/ThreePage';
final String fourPage = '/FourPage';

// 配置路由命名信息
final routes = {
  home: (context) => Home(),
  secondPage: (context) => Second(),
  threePage: (context) => Three(),
  fourPage: (contex