路由传参 - WDPHP云市场

在Flutter中，路由管理是非常重要的一部分，它可以帮助我们在不同的页面之间进行切换并传递参数。在Flutter中，我们可以使用Navigator类来管理路由。

创建新页面并传递参数：首先，我们需要创建一个新的页面，并在该页面的构造函数中接收参数。例如，我们创建一个名为DetailPage的页面，并在构造函数中接收一个String类型的参数：

class DetailPage extends StatelessWidget {
  final String title;

  DetailPage({this.title});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Detail Page'),
      ),
      body: Center(
        child: Text(title),
      ),
    );
  }
}

导航到新页面并传递参数：接下来，我们需要在主页面中导航到DetailPage并传递参数。我们可以使用Navigator类的push方法来实现：

Navigator.push(
  context,
  MaterialPageRoute(builder: (context) => DetailPage(title: 'Hello World')),
);

在这段代码中，我们使用MaterialPageRoute来指定新页面的构建方法，并将参数传递给DetailPage的构造函数。

在新页面中使用传递的参数最后，在DetailPage页面中使用传递的参数：

class DetailPage extends StatelessWidget {
  final String title;

  DetailPage({this.title});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Detail Page'),
      ),
      body: Center(
        child: Text(title),
      ),
    );
  }
}

通过这种方式，我们可以在Flutter应用程序中实现路由传参功能。希望这篇教程对你有帮助！