评论

「干货」新建项目/代码片段为什么原生导航栏不见了?页面也无法滚动了?

近期我在社区看到有不少网友在提问“顶部标题设置后怎么没有效果?”、“导航栏怎么不见了?”、“页面怎么无法滚动了?”......

近期我在社区看到有不少网友在提问“顶部标题设置后怎么没有效果?”、“导航栏怎么不见了?”、“页面怎么无法滚动了?”…

我看下了帖子的相关截图,自己也验证了一下,原来近期发布的新版开发者工具,新建项目/代码片段会默认全局开启 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

最后一次编辑于  2023-08-06  
点赞 3
收藏
评论

7 个评论

  • 老鲤
    老鲤
    02-27

    已经问候设计师全家了,真的恶心人

    02-27
    赞同 1
    回复
  • 微尘
    微尘
    04-04

    因为 Skyline 渲染引擎 不支持页面全局滚动,所以页面就无法滚动了。

    这个目前有没有解决办法啊。我用了snapshot,页面内容比较多啊。

    04-04
    赞同
    回复 1
  • Hlxuan.
    Hlxuan.
    2023-12-04

    目前新创建的项目没有默认全局开启Skyline("renderer": "skyline")了。

    原生导航栏不见了是因为在app.json文件默认配置了自定义导航栏("navigationStyle": "custom" )。

    components文件夹里面有一个「自定义导航栏」组件,你可以可直接使用它来代替原生导航栏,文档可参考:https://wechat-miniprogram.github.io/weui/docs/navigation.html

    如果你想使用原生导航栏,可以把app.json文件里面的 "navigationStyle": "custom" 删掉,保存重新编译下项目就可以了。

    2023-12-04
    赞同
    回复 3
  • okmin
    okmin
    2023-09-27

    真机调试一直显示"请使用Android 设备扫码调试,或者修改调试机型"

    我真的会谢,也不报错啥的都不知道发生了什么.

    最后把"renderer": "skyline", 去掉真机调试正常.

    2023-09-27
    赞同
    回复
  • ybb的何小肥
    ybb的何小肥
    2023-08-27

    "renderer": "skyline",去掉保存

    这个办法真的可以,感谢哥,帮我解决了一个卡住我一周的问题

    2023-08-27
    赞同
    回复
  • Hlxuan.
    Hlxuan.
    2023-08-11

    现在新版开发者工具会检测json文件配置 "renderer": "skyline" 后是否有加上 navigationStyle:'custom' ,如果没有加上模拟器会报错不启动。

    解决方法是在每一个页面的json文件里面添加 navigationStyle:'custom' 。

    2023-08-11
    赞同
    回复
  • 黄思程
    黄思程
    2023-08-07

    补个导航栏的自定义组件实现就好了,我们这两天会加上

    2023-08-07
    赞同
    回复 2
    • 觀·自在
      觀·自在
      2023-09-17
      加上了吗?
      2023-09-17
      回复
    • 黄思程
      黄思程
      2023-10-08回复觀·自在
      加上了
      2023-10-08
      回复
登录 后发表内容