uni-app 由后台切入前台页面闪现或闪白问题，官方实例同样存在此问题

uni-app 由后台切入前台页面闪现或闪白问题，官方实例同样存在此问题

问题描述

uniapp 由后台切入前台，页面闪现或闪白，官方给的实例也有此问题

image

image

开发环境 版本号 项目创建方式
hbuilderx 1.8.0 -
mac ox 10.10 os x yosemite -
真机 小米6a 安卓7.0 -

更多关于uni-app 由后台切入前台页面闪现或闪白问题，官方实例同样存在此问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

第二张动图是用hbx1.8.0 使用hello－uniapp模板创建打包 第一张动图是用hbx1.7.0 使用hello－uniapp模板创建打包

更多关于uni-app 由后台切入前台页面闪现或闪白问题，官方实例同样存在此问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


进程里的缩略图，是rom之前对app的截图，那是个死图。 在应用进入后台后，rom会根据内存情况回收后台应用占用的资源，比如渲染资源。 然后应用回到前台时，就会重新渲染。这就是你看到的情况，这是正常的。

可以禁止释放渲染资源吗，这样的用户体验很不好

回复 扶摇侠客:这是rom的策略。用什么语言开发都这样。你能做的只能是加快渲染速度，比如用nvue来做界面，这个渲染引擎更高效。

回复 DCloud_heavensoft: nvue限制不少哦，貌似app上渲染nvue文件，h5上渲染vue文件，要写两份文件，通过优化vue文件是不是可以不用搞nvue，什么场景下要使用nvue，vue文件性能那么不堪吗

回复 扶摇侠客: webview渲染肯定没有原生渲染快。看自己对渲染速度要求了

回复 DCloud_heavensoft:有没有办法可以在由后台切入前台时监听下渲染，在渲染完成前加个loading挡一下，我倒不是觉得切白不能仍受，而是当前页面渲染完成前会看到其他页面的内容，如上面第二张图，不要让用户看到其他页面闪现一下，给人的感觉像是发生了切换。

nvue首页从后台进到前台页面大部分会卡死不会渲染。平板页面是竖直的。首页是横屏的

这是一个常见的uni-app页面切换问题，主要是由于页面重新渲染导致的。以下是可能的解决方案：

  1. 在App.vue中添加以下样式：
page {
    background-color: #fff;
}
  1. 对于特定页面，可以在onShow生命周期中处理：
onShow() {
    this.$nextTick(() => {
        // 强制重新渲染
        this.$forceUpdate();
    });
}

  1. 检查是否使用了过多的v-if条件渲染，改用v-show可能改善此问题。

  2. 在manifest.json中配置：

"app-plus": {
    "animation": {
        "closeWait": true
    }
}
  1. 如果是H5端，可以尝试在路由配置中添加：
animationDuration: 300
回到顶部