Flutter学习笔记19-Navigator、MaterialPageRoute、普通路由，普通路由传值

最新推荐文章于 2025-08-11 22:09:33 发布

原创

最新推荐文章于 2025-08-11 22:09:33 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #学习 #android

本文详细介绍了Flutter中的路由导航，包括使用Navigator.push进行页面跳转，如何传递参数到目标页面，以及如何通过Navigator.pop返回到先前的页面。示例代码展示了具体实现步骤，帮助开发者理解Flutter中的路由管理。

视频学习地址：https://www.bilibili.com/video/BV1S4411E7LY?p=38&vd_source=cee744cae4ead27f8193fc7904647073

学习笔记
路由，听起来是一个挺抽象的概念。
在这里，路由就是页面跳转。
在Flutter中，使用Navigator组件管理路由导航。

1.使用Navigator.push跳转到另一个页面
先创建一个detail详情页
这是我们跳转的目标页面

import 'package:flutter/material.dart';

class DetailPage extends StatefulWidget {
   
   
  const DetailPage({
   
   Key? key}) : super(key: key);

  @override
  _DetailPageState createState() => _DetailPageState();
}

class _DetailPageState extends State<DetailPage> {
   
   
  @override
  Widget build