981673999@qq.com
981673999@qq.com
  • 发布:2018-12-06 16:34
  • 更新:2019-09-02 10:13
  • 阅读:4692

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

分类:uni-app

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

2018-12-06 16:34 分享
已邀请:

最佳回复

DCloud_UNI_FXY

DCloud_UNI_FXY

更新:
将页面背景颜色的 css 代码,放置到 App.vue 中,全局样式会提前注入生效。
设置webview的背景也可以,但没必要,用前述方式更简单。

如果是nvue页面,app.vue的全局样式,只有uni-app编译模式下才生效,weex编译模式下没有app.vue的全局样式。
如果nvue闪白屏,那是nvue页面本身写法有问题,nvue的渲染速度是足够快的。

  • 1157817265@qq.com

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

    2019-03-15 18:46

  • 82414199@163.com

    就是在APP.vue写了颜色代码, 仍然出现闪屏, 项目都快做完了 估计到时候因为这个会出现事故的

    2019-05-07 12:58

  • ethan-2016@outlook.com

    <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

抠图仔

抠图仔 - 蒙古文应用开发

关于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

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",  
    }  
}  

好像这样子可以

373985365@qq.com

373985365@qq.com

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

要回复问题请先登录注册