按官方指定的开发指南开发
- 发布:2022-05-18 18:18
- 更新:2022-05-18 18:18
- 阅读:639
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 10.15.6 (19G73)
HBuilderX类型: 正式
HBuilderX版本号: 3.4.7
手机系统: Android
手机系统版本号: Android 10
手机厂商: vivo
手机机型: X20A
页面类型: vue
vue版本: vue2
打包方式: 离线
项目创建方式: HBuilderX
操作步骤:
预期结果:
APP首次安装完成后,首次启动时启动图正常显示、不闪烁、不出现白屏、正常过渡到首页
APP首次安装完成后,首次启动时启动图正常显示、不闪烁、不出现白屏、正常过渡到首页
实际结果:
首次安装、启动的显示不正常:
第一次启动APP时,APP先展示蓝色(不知道是启动图还是首页底色),然后变成灰色,再变成白色,这时甚至会出现穿透显示手机桌面的情况,之后才进入首页(参见附件中视频)
首次安装、启动的显示不正常:
第一次启动APP时,APP先展示蓝色(不知道是启动图还是首页底色),然后变成灰色,再变成白色,这时甚至会出现穿透显示手机桌面的情况,之后才进入首页(参见附件中视频)
bug描述:
背景:
1、Android端APP
2、首页是nvue,fast启动模式,页面上只有一张图片
3、本地打包,SDK版本为最新的3.4.7
4、配置了splash
5、manifast.json中启动图配置如下:
"splashscreen" : {
"alwaysShowBeforeRender" : true,
"waiting" : false,
"autoclose" : true,
"delay" : 0
},
......
"splashscreen" : {
"androidTranslucent" : true,
"androidStyle" : "default",
"android" : {
"hdpi" : "splash/480.4A84FF.png",
"xhdpi" : "splash/720.4A84FF.png",
"xxhdpi" : "splash/1080.4A84FF.png"
},
"useOriginalMsgbox" : false
},
6、启动图是一个纯蓝色的底图
7、pages.json中首页的配置背景,也是纯蓝色:
{
"path" : "pages/start/start",
"style" :
{
"navigationStyle": "custom",
"backgroundColor": "#4A84FF",
"app-plus": {
"background": "#4A84FF",
"titleNView": false
}
}
},
问题如下:
APP本地打包上线,用户下载成功以后,反映首次启动的显示不正常:
1、第一次启动APP时,APP先展示蓝色(不知道是启动图还是首页底色),然后变成灰色,再变成白色,这时甚至会出现穿透显示手机桌面背景的情况,最后才进入首页
2、第二次及以后,再启动APP,就正常了
3、为了验证是否是本地打包问题,我尝试了云打包,但是云打包的APK包安装后,也有同样的问题,附件的视频就是云打包的
4、为了验证是否是手机问题,换了华为机型、小米机型、VIVO其他机型等手机,也有同样的问题