Flutter 如何启动新的页面时给页面传递参数

前言

前台开发，我们常有启动页面同时传递一些参数的需求，在android里面是通过Intent实现，本文探讨flutter的实现方式

正文

在Flutter中，给一个新的界面传递参数通常通过构造函数来实现

以主页面（HomePage），和想要导航到并传递参数目标界面（DetailPage）为例子

DetailPage

class DetailPage extends StatelessWidget {
  final String message;
 
  // DetailPage的构造函数，接受一个名为message的String类型参数
  const DetailPage({Key? key, required this.message}) : super(key: key);
 
}

HomePage

onPressed: () {
            // 使用Navigator.push导航到DetailPage，并传递参数
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => DetailPage(message: '从主页传递的消息'),
              ),
            );
          }

附录

本文介绍了一种较为基础的方式，此外还能通过generateRoute，或者是三方库如getx的路由导航来实现