请看bug描述
- 发布:2021-01-08 17:36
- 更新:2021-11-19 17:07
- 阅读:1027
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.7
HBuilderX类型: 正式
HBuilderX版本号: 3.0.4
手机系统: Android
手机系统版本号: Android 10
手机厂商: 华为
手机机型: all
页面类型: nvue
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
与 vue 渲染一致
与 vue 渲染一致
实际结果:
闪屏的错觉
闪屏的错觉
bug描述:
安卓机型,NavigateTo 到 vue 页面正常,但是到 nvue 页面,会先显示 globalStyle 中设置的 backgroundColor 再渲染内容,体验很差
看视频 应该不至于一秒钟。示例发出来看下
-
https://gitee.com/kytrun/bgswitch-demo 没有一秒钟,但是 page-meta 设置了也没有用,pages.json 中全局改成黑色背景就不会闪
2021-05-10 11:52
-
雨夜敬清秋 (作者)
这个问题我觉得其实不用给示例的,因为问题的根源很显然就是 backgroundColor 造成的,当应用要切换成深色模式的情况下,backgroundColor 不能更改,它始终还是亮色模式下的那个值,只要实现 uni.setBackgroundColor 这个 api 对 app 平台的支持,这个问题就可以解决了
2021-05-10 12:06
-
雨夜敬清秋 (作者)
回复 DCloud_Android_ST: 单个页面的backgroundColor会覆盖掉全局的backgroundColor,不管你怎么设置backgroundColor,始终都是无法在切换深色模式时修改的
2021-05-10 14:49
-
雨夜敬清秋 (作者)
回复 DCloud_Android_ST: 最新版本的hbx,android 端 vue 页面设置的 backgroundColor 无法生效,全局和单个页面都无法生效
2021-05-10 15:39
-
最蛋疼的是,nvue切换页面会闪一下,我想应该跟pages配置的颜色有关系。nuve不能第一时间渲染,先渲染pages里面的背景色,然后再渲染页面颜色和类容
2022-10-02 14:37
雨夜敬清秋 (作者)
没有,这个是硬伤,需要 uniapp 框架来调整,实际上,ios 也存在这个问题,只不过 ios 界面之间的切换比 android 更顺滑,不那么容易看出来而已,目前我的 app 只是开启了 ios 的深色模式,android 的深色模式只在测试版中开启方便测试人员对深色模式的UI进行测试,正式版中是关闭深色模式切换的。
2021-05-10 11:38