【鸿蒙实战开发】用Navigation实现页面切换

今天在使用国民级应用微信的时候发现微信的底部设计真是符合用户的使用习惯，通过底部按钮的切换就可以在同一块布局上展示不同的界面内容，大大提高了页面的利用率，同时减少用户点击跳转切换的频率，提高了用户体验，可以看到微信的实现页面如下

可以看到通过底部按钮的切换，从而带动上半部页面的切换，同时点击时底部按钮和字体的颜色同时发生改变。 这种高效率的页面设计，别人有！！

鸿蒙当然也有！！

 那么在HarmoneyOS中要实现这样的效果，应该怎么做呢？

 让我们码上行动！！

 Let’s GO!

需求分析

首先我们可以看到页面被分为上下两部分，分别是底部区域和上半部分显示区域，上部控制视图页面和组件的显示，下班部分是按钮的点击切换，这个应用场景正适合使用我们的 组件导航 (Navigation)

什么是Navigation？

1.​​Navigation​​是路由容器组件，一般作为首页的根容器

2.Navigation组件适用于模块内和跨模块的路由切换

3.通过组件级路由能力实现更加