flutter Navigator + MaterialPageRoute 实现页面跳转、跳转并传值、返回、返回并传值、返回到指定页面

最新推荐文章于 2025-02-18 10:11:14 发布

头发还没秃a

最新推荐文章于 2025-02-18 10:11:14 发布

阅读量8.8k

点赞数 4

分类专栏： Flutter 文章标签：页面跳转传值返回指定界面 Navigator MaterialPageRoute

本文链接：https://blog.csdn.net/zhumj_zhumj/article/details/102703637

版权

本文详细介绍了在Flutter中使用Navigator和MaterialPageRoute进行页面跳转、传递参数、无参返回、带参返回以及如何返回到指定页面的操作方法，包括实例代码解析。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面跳转

无参跳转

Navigator.push(context, 
    MaterialPageRoute(
      builder: (context) => SecondController(),
    ),
);

SecondController：

class SecondController extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('第二页'),
        centerTitle: true,
      ),
      body: Container(),
    );
  }
}

带参数跳转

Navigator.push(context, 
    MaterialPageRoute(
      builder: (context) => SecondController(title: '第二页',),
    ),
);

SecondController接收参数：

class SecondController extends StatelessWidget {

  final String title;

  SecondController({Key key, this.title}): super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(title),
        centerTitle: true,
      ),

最低0.47元/天解锁文章