【微信小程序】自定义顶部导航栏

一、设置自定义顶部导航

Navigation是小程序的顶部导航组件，当页面配置 navigationStyle 设置为 custom 的时候可以使用此组件替代原生导航栏。

1.全局顶部导航自定义，在app.json的“window”里添加"navigationStyle": "custom"

2.只在某一个页面自定义顶部导航，在该页面的json文件里添加"navigationStyle": "custom"

二、具体的导航块根据需要自行书写

1、在手机上打开微信，然后在微信主界面，点击下面的“发现”标签。

2、在打开的发现窗口中，点击“小程序‘菜单项。

3、在打开的微信小程序页面中，点击右上角的搜索按钮

4、接下来在搜索框中输入地图进行搜索，点击搜索结果中的腾讯地图菜单项。

5、这时我们的微信小程序马上定位到当前的位置，在地图页面顶部输入要到达的目的地

6、在搜索结果中点击路线按钮。

7、这时小程序就会给出导航的方案，选择其中一个方案，然后点击导航按钮就可以了。