在 Flutter 中切换应用页面_flutter按钮切换页面(1)

最新推荐文章于 2024-05-13 23:02:03 发布

2401_84185224

最新推荐文章于 2024-05-13 23:02:03 发布

阅读量348

点赞数 3

分类专栏： 2024年程序员学习文章标签： flutter

本文链接：https://blog.csdn.net/2401_84185224/article/details/137668548

版权

2024年程序员学习专栏收录该内容

60 篇文章 0 订阅

订阅专栏

Widget build(BuildContext context) {
return SafeArea(
child: Scaffold(
appBar: AppBar(
title: const Text(‘First page’),
),

    body: Center(
      child: ElevatedButton(
        child: Text("Next page"),
        onPressed: (){
          Navigator.push(context,MaterialPageRoute(builder: (context)=> const page2()));
        },
      ),
    ),
    ),
  );
  }

}

class page2 extends StatelessWidget {
const page2({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return SafeArea (
child: Scaffold(
appBar: AppBar(
title: const Text(‘Page 2’),
),

  body: Center(
    child: ElevatedButton(
      child: Text('Go back'),
      onPressed: (){
        Navigator.pop(context);
      },
    ),
  ),

  ),
);

}
}


切换到新路由（页面）需要 navigator.push() 方法。此方法在 onPressed 回调或我们的第一页按钮中更新。这将使我们能够导航到下一个路线页面2

body: Center(
child: ElevatedButton(
child: Text(“Next page”),
onPressed: (){
Navigator.push(context,MaterialPageRoute(builder: (context)=> const page2()));
},
),
),


现在回到第一页，这里按钮的 onpressed 回调填充 Navigator.pop(context)

body: Center(
child: ElevatedButton(
child: Text(‘Go back’),
onPressed: (){
Navigator.pop(context);
},
),
)


下面显示了第一页的输出，它也是主页和第二页：


![](https://img-blog.csdnimg.cn/8a4ff870dcff4376a2de3f76314b1a20.png)


![](https://img-blog.csdnimg.cn/bbc1609a8e18471ea106f4e68d8698c1.png)  
 最后，如果大伙有什么好的学习方法或建议欢迎大家在评论中积极留言哈，希望大家能够共同学习、共同努力、共同进步。


**小编在这里祝小伙伴们在未来的日子里都可以 升职加薪，当上总经理，出任CEO，迎娶白富美，走上人生巅峰！！**



> 


**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/80751955e6e05850f69d3df5ed502a00.png)
![img](https://img-blog.csdnimg.cn/img_convert/63838625cd42715fa21765e066645277.png)
![img](https://img-blog.csdnimg.cn/img_convert/dc218beee311f907cb9038667b889127.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
![img](https://img-blog.csdnimg.cn/img_convert/c94ed5a6531ca21c4a7bf4c324693373.png)

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

06)]

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**