在uni-app开发过程中,特别是针对移动端应用开发时,常常会遇到一系列技术难题和挑战
上传组件在APP端引发页面路由崩溃的排查与解决方案(H5、微信小程序正常)
在开发过程中,发现上传组件在APP端使用时会导致页面路由崩溃,而H5和微信小程序环境均表现正常。经过深入排查,发现问题的根源与v-if指令的使用方式有关。
初步解决方案:将自定义组件父元素的v-if改为v-show后,页面路由崩溃问题得到缓解(但并未完全解决)。
进一步排查:在其他页面中,当通过循环遍历使用上传组件时,若组件对应的变量需要判空处理,不使用v-if会导致页面报错。
最终解决方案:将v-if指令直接应用于上传组件标签上,彻底解决了页面路由崩溃问题。
底部的tabbar被经典导航栏虚拟按键遮挡,进入相册选取图片时头部按钮也被状态栏遮挡
在安卓APP打包测试过程中,发现部分机型的UI适配存在问题。具体表现为:在三星、OPPO和iQOO等设备上,底部TabBar会被经典导航栏的虚拟按键遮挡,而小米和红米设备则显示正常。此外,在相册图片选取界面,上传按钮在部分设备上会被顶部状态栏遮挡,这一问题在小米设备上并未出现。关闭经典导航栏后,底部TabBar遮挡问题可得到解决。
解决方案:该问题可能与当前Hbuilder版本有关。虽然已更新至最新版本,但建议暂时避免使用快速安心打包功能。切换至传统打包模式后,问题即可得到解决。DCloud团队预计会在后续版本中修复此bug。