在Android开发中，多页面间的跳转通常通过Activity实现，每个Activity代表一个独立界面。不同界面之间的参数传递可借助Intent完成，当然也存在其他实现方式。由于本文重点讨论Flutter框架，此处不对Android相关机制展开阐述。那么，在Flutter中如何实现类似的路由效果呢？

首先，Flutter中与Activity相对应的概念是Page，但需要明确的是，Page本质上仍属于Widget的一种，可理解为一种特殊类型的界面组件。在具体实现上，页面的打开与关闭操作通过Navigator类提供的push、pushNamed及pop等方法完成。其底层原理在于，绝大多数操作系统中的页面管理均基于栈结构实现：页面跳转对应将新页面压入栈顶，而关闭页面则是将栈顶页面弹出。在这一机制上，Flutter与Android的设计思路是一致的，并无本质区别。

二、简单实例

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        routes: {
          '/': (context) => const HomePage(),
          '/second': (context) => const SecondScreen(),
        });
  }
}

/// 第一个页面
class HomePage extends StatelessWidget {
  const HomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Home'),
      ),
      body: Center(
        child: Column(
          children: [
            ElevatedButton(
              onPressed: () {
                Navigator.push(context, MaterialPageRoute(
                  builder: (context) => const SecondScreen(),
                ),
                );
              },
              child: const Text('使用Navigator+构造器跳转'),
            ),
            ElevatedButton(
              onPressed: () {
                Navigator.pushNamed(context, '/second');
              },
              child: const Text('使用Navigator+命名路由跳转'),
            ),
          ],
        ),
      ),
    );
  }
}

/// 第二个页面
class SecondScreen extends StatelessWidget {
  const SecondScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Second Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            Navigator.pop(context);
          },
          child: const Text('Go back!'),
        ),
      ),
    );
  }
}