uniapp适配华为折叠屏

最新推荐文章于 2024-11-11 16:51:21 发布

是小圆子呀

最新推荐文章于 2024-11-11 16:51:21 发布

阅读量2.1k

点赞数 4

文章标签： uni-app 前端

本文链接：https://blog.csdn.net/weixin_47094365/article/details/134070306

版权

本文介绍了作者如何使用uniapp开发的应用适配华为折叠屏的过程，尝试了监听屏幕宽度变化并利用uni.reLaunch和plus.runtime.restart()方法，最终通过在app.vue的onShow事件中添加代码以及首页启动页的路径管理来实现折叠屏幕状态下的页面恢复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

公司近一年做的一款app是用uniapp开发的，最近要适配华为折叠屏，在网上找了许久，发现这方面的帖子比较少，只找到一种感觉能用的，是监听屏幕宽度的变化然后使用 uni.reLaunch 跳转空白页再跳回当前页。链接：uniapp解决折叠屏手机适配问题_uniapp折叠屏适配_乁*的博客-CSDN博客
但是对我的不起作用，数据监听到了，跳转也跳了，但是屏幕并没有变化，然后我就改了一下，使用plus.runtime.restart()强制启动这个属性（只在安卓机起作用），然后缓存了一下当前页面的路径，目的是在某个页面折叠手机或者展开手机之后能回到原本的这个页面。如下：

1.在 app.vue 的 onShow 的方法加这段代码，