uniapp页面根元素设置背景色为深色，切换tab，进入相应页面会瞬间白屏闪烁，如果是app主色是白色，则看不出来闪动，如果是深色，闪动很明显，uniapp是否有页面预加载机制，这个问题有没有好的解决方案呢？
9***@qq.com
- 发布：2018-12-06 16:34
- 更新：2022-01-24 14:03
- 阅读：17717
最佳回复
抠图仔 - 蒙古文应用开发
关于uniapp切换tab瞬间白屏闪动问题
tabbar用的官方的再用nvue做页面时，在点击非首页的tab页面时会闪一下，这是因为uniapp在用户点击tab时才初始化这个页面导致的，所以我们只要用 uni.switchTab 跳到另外几个页面再跳回首页就可解决这个问题。然后我们将启动图的等待时间加长让用户看不到这个画面就
-
-
我就是用你这个方法，
1、开启首页渲染完毕后再关闭splas图和启动界面显示等待雪花。
2、App.vue的onLaunch方法最后增加uni.switchTab跳转，不要跳转首页，最后一下跳转首页即可。
现在目前没感觉到卡了2019-09-17 02:10
-
-
-
-
-
-
-
-
Trust - 少说废话
1、将页面背景颜色的 css 代码，放置到 App.vue 中。
2、参考 github 上最新的 hello uniapp 示例，在 onLoad 即 onReady 中做个 loading 处理下。
"globalStyle": {
"app-plus": {
"background": "#22243a",
}
} 好像这样子可以
-
-
-
-
-
验证了一下，不要在globalStyle中使用，在pages里面设置style也生效。我是自定义tabBar，全局使用会出现各种奇怪的问题，貌似tabBar页面的窗口高度是随机生成的。
2020-03-17 12:59
-
ABCDCLOU - 这家伙真懒什么都没留下
这个问题目前解决的如何了, 当时因为这个bug放弃使用uni了
-
-
-
-
-
-
回复 DCloud_heavensoft: 确定解决了？我从A页面跳转B页面，B页面就放一张全屏20K的图，依然先白屏后出背景图，不要说设置背景色，我这是背景图
2020-11-18 10:24
hhyang - 如有问题，请添加QQ1606726660 备注付费咨询
2020年6月11日15:40:02 还未解决 这样配置的 IOS 11.4有问题 最新版不会
<style lang="stylus">
page
background-color #22273D
@import "/static/fonts/iconfont.css"
</style>
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor":"#22273D",
"backgroundColorTop":"#22273D",
"backgroundColorBottom":"#22273D",
"app-plus":{
"animationAlphaBGColor":"#22273D",
"backgroundColorTop":"#22273D",
"backgroundColorBottom":"#22273D",
"bounceBackground":"#22273D",
"bounce":"none",
"background":"#22273D",
"scrollIndicator": "none"
}
}-
https://uniapp.dcloud.io/performance?id=%e4%bc%98%e5%8c%96%e8%83%8c%e6%99%af%e8%89%b2%e9%97%aa%e7%99%bd
2020-06-11 15:53
-
回复 DCloud_heavensoft: https://ask.dcloud.net.cn/question/110813?notification_id-828091rf-falseitem_id-144626__answer_id-144626__single-TRUE#!answer_144626 官方这个问题解决下咯 不然后都要放弃uni了
2020-11-12 09:02
-
饿包子 - 一个不被风爱的男子
把Tabbar切换的主页进行预加载就好了；
闪屏是因为uniapp是按需加载，导致你点击页面才开始加载内容，会有一段时间的空白区；
在初始页面；通过数组循环预加载想要的页面就好了；
let arr=[ ]
arr.forEach((item)=>{
uni.preloadPage({url: item});
})
1***@qq.com
nvue页面还是会闪屏，体验很差
2019-03-15 18:46
ABCDCLOU
就是在APP.vue写了颜色代码, 仍然出现闪屏, 项目都快做完了 估计到时候因为这个会出现事故的
2019-05-07 12:58
ethan2016
<style>
/每个页面公共css /
@import "colorui/main.css";
@import "colorui/icon.css";
@import "common/base.css";
page {
background: #212121;
}
</style>
app.vue中设置了还是闪白屏
2019-11-20 17:26
小人物1992
在app.vue 加了个page{backgroud:'#000'}解决了，感谢
2020-03-17 14:01
DCloud_heavensoft
回复 1***@qq.com: 2.7.13起，nvue支持预载了，可以体验下preload的效果
2020-06-22 23:08
3***@qq.com
确定解决了？我从A页面跳转B页面，B页面就放一张全屏20K的图，依然先白屏后出背景图，不要说设置背景色，我这是背景图
2020-11-18 10:23