「干货」新建项目/代码片段为什么原生导航栏不见了?页面也无法滚动了? 干货
近期我在社区看到有不少网友在提问“顶部标题设置后怎么没有效果?”、“导航栏怎么不见了?”、“页面怎么无法滚动了?”......
我看下了帖子的相关截图,自己也验证了一下,原来近期发布的新版开发者工具,新建项目/代码片段会默认全局开启 Skyline 渲染引擎 。
可以点开app.json
文件看下里面是否有"renderer": "skyline"
(下图红色框住的)。
如果有的话,那就是全局开启了 Skyline 渲染引擎 。
Q1:页面不显示原生导航栏?
A1:因为 Skyline 渲染引擎 不支持原生导航栏,所以就没显示原生导航栏了。
Q2:页面无法滚动?
A2:因为 Skyline 渲染引擎 不支持页面全局滚动,所以页面就无法滚动了。
如果想用回原生导航栏和页面全局滚动,可以把app.json
里面的 "renderer": "skyline",
去掉保存,重新编译一下项目就可以了。
关于 Skyline 渲染引擎 ,大家可以到官方文档查看:https://developers.weixin.qq.com/miniprogram/dev/framework/runtime/skyline/introduction.html 。
更新提示
现在新版开发者工具会检测json文件配置 "renderer": "skyline"
后是否有加上 navigationStyle:'custom'
,如果没有加上模拟器会报错不启动。
解决方法是在每一个页面的json文件里面添加 navigationStyle:'custom'
。
文章内容更新于2023年8月11日