uni-app切换页面闪屏或者白屏？

分类：uni-app

uniapp

有其中两个页面，登陆注册，两个页面，相互跳转，跳转打开前，白屏会闪一下，体验很差，怎么解决呢，已上传视频

video_2019-06-28_22-15-15.rar

2019-06-28 22:18 负责人:无分享

10 个回复

DCloud_heavensoft

你这看起来是无限打开新窗口吗？要复用老窗口的。
也可以把这2个窗体做成一个页面，切换view

倒影 (作者)

急求解决方法，感谢官方大大

2019-06-29 09:18

gftttrrtrt4 - s

不要把背景图全局设置，我这边是全局设置背景图之后，闪白很严重。改成了全局设置背景颜色，每个页面单独设置背景图好了很多。

另外把动画换成slide-in-right之后，几乎没有闪白了

"app-plus": {  
            "background": "#0A1121",  
            "bounceBackground": "#0A1121",  
            "animationType": "slide-in-right"  
        },

2***@qq.com

好几年过去了，这个问题到现在（2021.11.16）还是没有解决。

IMG_6703.zip

DCloud_heavensoft

你做的这个看起来是层的切换，根本不是uni-app的窗体跳转。请使用uni-app标准路由和uni-app自带的原生窗口跳转

2022-02-21 20:11

倒影 (作者) - 记忆的时间差.

感谢回答，这是一种方法，但我第一次切换跳转，也会闪白，这是什么原因，
如果这样，那我其他的正常页面跳转，也面临这种情况啊

DCloud_heavensoft

如果背景是深色，那闪白应该是背景样式生效太慢，把样式写在app.vue里生效会更快

2019-06-29 09:48
倒影 (作者)

回复 DCloud_heavensoft: 这样能缓解很多

2019-06-29 09:55
3***@qq.com

回复 DCloud_heavensoft: 进入新页面的时候这样还是会闪动

2019-07-05 12:41

9***@qq.com

"globalStyle": {
"app-plus": {
"background": "#22243a",
}
}

page.json 这样设置后好像优化了，不知道打包后会怎样

3***@qq.com

这样好了很多

但是偶尔打开首页也还是会有

2019-07-23 17:20
1***@qq.com

这个有bug 会导致input组件，呼出软键盘后导致页面高度变化

2019-07-29 13:53

DCloud_Android_ST

请使用HX2.6.12+ Android 平台pop-in/pop-out 动画时通过 animationAlphaBGColor 设置动画蒙层背景色，可用于避免暗色风格页面转场动画的蒙层偏白文档

uniapp 可设置：
"globalStyle": {
"app-plus": {
"background": "#22243a",
"animationAlphaBGColor": "#00ff7f"
}
}

StarSky

像iphone6plus这样的机型闪白就很严重，是硬件配置太低，cpu计算速度慢导致的吗？

2020-08-04 14:36

七月cc

"pages": [  
        {  
            "path": "pages/index",  
            "style": {  
                "background": "black"  
            }  
        }  
    ]

我是在pages.json中每个page的style中background属性写成黑色会缓解，上面兄弟说的global设置我的并不起作用，我是在ios设备里测试的app