981673999@qq.com
981673999@qq.com
  • 发布:2018-12-06 16:34
  • 更新:2020-06-11 15:53
  • 阅读:7341

【页面切换性能问题】uniapp切换tab瞬间白屏闪动问题

分类:uni-app

uniapp页面根元素设置背景色为深色,切换tab,进入相应页面会瞬间白屏闪烁,如果是app主色是白色,则看不出来闪动,如果是深色,闪动很明显,uniapp是否有页面预加载机制,这个问题有没有好的解决方案呢?

2018-12-06 16:34 负责人:无 分享
已邀请:

最佳回复

DCloud_UNI_FXY
  • 1157817265@qq.com

    nvue页面还是会闪屏,体验很差

    2019-03-15 18:46

  • 82414199@163.com

    就是在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

    回复 1157817265@qq.com: 2.7.13起,nvue支持预载了,可以体验下preload的效果

    2020-06-22 23:08

抠图仔

抠图仔 - 蒙古文应用开发

关于uniapp切换tab瞬间白屏闪动问题
tabbar用的官方的再用nvue做页面时,在点击非首页的tab页面时会闪一下,这是因为uniapp在用户点击tab时才初始化这个页面导致的,所以我们只要用 uni.switchTab 跳到另外几个页面再跳回首页就可解决这个问题。然后我们将启动图的等待时间加长让用户看不到这个画面就

  • 714678080@qq.com

    貌似是个解决方案。

    2019-09-06 14:02

  • 大灰灰

    我就是用你这个方法,

    1、开启首页渲染完毕后再关闭splas图和启动界面显示等待雪花。

    2、App.vue的onLaunch方法最后增加uni.switchTab跳转,不要跳转首页,最后一下跳转首页即可。

    现在目前没感觉到卡了

    2019-09-17 02:10

  • sosoyz@gmail.com

    回复 大灰灰: 666

    2020-03-26 17:30

136360868@qq.com

136360868@qq.com

切页白屏的问题官方能给个解决方案吗?非常着急

  • 倒影

    这个问题解决了嘛

    2019-05-10 10:15

1762842219@qq.com

1762842219@qq.com - 90后的It女

ios上的白屏更明显,这个问题还没有解决吗?

974380561@qq.com
326559996@qq.com

326559996@qq.com

求解答

74jian

74jian

同等待解答,tab页第一次进入会闪屏

786039294@qq.com
714678080@qq.com

714678080@qq.com

官方回应会优化。

1157817265@qq.com

1157817265@qq.com

vue页面切换不会白屏,nvue会

8933409@qq.com

8933409@qq.com - IT

安卓手机 页面切换 性能 比IOS 的差了很多

页面用NVUE 写的,还是感觉不流畅

本地打包不知道会不会好一点?

扶摇侠客

扶摇侠客

有人解决吗

714678080@qq.com

714678080@qq.com

还没解决??????

Trust

Trust - 少说废话

1、将页面背景颜色的 css 代码,放置到 App.vue 中。
2、参考 github 上最新的 hello uniapp 示例,在 onLoad 即 onReady 中做个 loading 处理下。

721917949@qq.com

721917949@qq.com

我的是会自己pop回去,偶尔第一次在首页点击push到别的界面会立马pop回首页,切换别的tabBar也会切回到首页,再点就不会了

82414199@163.com

82414199@163.com - 这家伙真懒什么都没留下

没用啊, 最新1.9+的hbuilderx 现在切换仍然有一闪而过的空白

714678080@qq.com

714678080@qq.com

感觉性能还是不如5+App。

  • 钊有

    性能确实不如H5

    2019-05-18 11:10

364191418@qq.com

364191418@qq.com - web前端

坐等官方解决这个问题

Weizhuang4-10@163.com

Weizhuang4-10@163.com

白屏问题有没有好的解决方法

358066237@qq.com

358066237@qq.com

本来项目准备从apicloud切换到uni的,硬是被这白屏卡着不敢切。uni项目都完成了...

1157817265@qq.com

1157817265@qq.com

最新版的好像已经不会闪屏了

今天回复我了吗

今天回复我了吗 - uniapp 粉丝条

最新版本我再A页面reLaunch到 login页面, 会有点闪动

  • 82414199@163.com

    我也是

    2019-05-23 17:20

  • 324800674@qq.com

    回复 82414199@163.com: 这个问题官方一直很也没回复,其实uniapp 跳转感觉都会先白屏一下的,体验很不好

    2019-06-13 16:53

  • 小燕子

    回复 324800674@qq.com: 对呀,就算在公共的样式里添加了跟页面一样的背景颜色,还是会有白屏出现的,请问有什么方法解决吗?

    2019-07-05 09:51

小燕子

小燕子

同问,啥时候解决呀?页面跳转出现白屏问题

1042397515@qq.com

1042397515@qq.com

可以给下拉背景设置颜色来解决,ios下有效

  • 1157817265@qq.com

    不知道你是什么情况,我在app.vue 的page样式设置background就能解决这个问题

    2019-07-19 09:12

花朝十二

花朝十二

迄今为止还是有闪屏问题,还是没解决

1570228878@qq.com

1570228878@qq.com

还没解决吗

  • 倒影

    没有好的解决方法

    2019-07-10 13:14

  • 312503874@qq.com

    回复 倒影: 可以自己写一个tabbar 在这个页面以组件方式引入要切换的所有子页面 我看colorUI就是这么写的

    2019-08-17 09:52

倒影

倒影 - 记忆的时间差.

而且,键盘顶起页面后,键盘再收起时,键盘那个区域会闪一下首页的内容,很是头疼,感觉有一些地方,性能还是有问题

humu

humu

期待能更好吧

379858217@qq.com

379858217@qq.com

还没解决

928529159@qq.com

928529159@qq.com

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

好像这样子可以

  • 928529159@qq.com

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

    2019-07-18 21:33

  • 花朝十二

    回复 928529159@qq.com: 感觉没区别呀

    2019-07-23 15:35

  • 1510367424@qq.com

    大佬诚不欺我,我APP全是深色背景,跳转每个页面都会闪烁白色背景,加了这个配置就好了,官方文档里面并没有写有这个配置

    2020-03-17 11:16

  • 1510367424@qq.com

    使用了过后tabBar页面的窗口高度会存在特别奇怪的问题,是官方还没适配完隐藏属性?

    2020-03-17 12:55

  • 1510367424@qq.com

    验证了一下,不要在globalStyle中使用,在pages里面设置style也生效。我是自定义tabBar,全局使用会出现各种奇怪的问题,貌似tabBar页面的窗口高度是随机生成的。

    2020-03-17 12:59

373985365@qq.com

373985365@qq.com

同问,官方可以给个回复?

82414199@163.com

82414199@163.com - 这家伙真懒什么都没留下

这个问题目前解决的如何了, 当时因为这个bug放弃使用uni了

1606726660@qq.com

1606726660@qq.com

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"  
        }  
    }
  • DCloud_heavensoft

    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

要回复问题请先登录注册