最近刚开始在学小程序,安装了Stable Build(1.06.2307260)的微信开发者工具,在添加全局样式时(尚未设置局部样式),窗口导航栏不显示文字及属性,甚至文字都与顶部样式重合,查阅相关资料,发现窗口导航栏不显示文字的原因有以下几点:
- app.json的pages中没有添加该页面的路径,跳转未生效,直接在pages中添加页面路径即可。
- taBbar中设置了自定义导航栏,即"navigationStyle": "custom"。当使用自定义导航栏时,导航栏会覆盖全局窗口中的内容,导致内容无法显示在导航栏的下方。
- 新版新建项目默认全局开启Skyline,Skyline不支持原生导航栏。
将"navigationStyle": "custom"和skyline相关的设置删掉后,我的页面也终于正常了。也正是因为导航栏没有正常显示,在wxml中的文字直接跑顶部了。
去掉后的页面: