uni-app 部分机型tabbar切换有延迟

开发环境	版本号	项目创建方式
Windows	Windows 10 家庭中文版22H2	HBuilderX
Android	Android 14

产品分类：
uniapp/App

PC开发环境操作系统：
Windows

HBuilderX类型：
正式

HBuilderX版本号：
3.96

手机系统：
Android

手机系统版本号：
Android 14

手机厂商：
小米

手机机型：
小米13pro，小米14

页面类型：
vue

vue版本：
vue2

打包方式：
云端

示例代码：
使用官方示例

操作步骤：
用官方示例打包，使用小米13pro或小米14测试，tabbar多切换几次，就可以发现延迟。

预期结果：
不应该有延迟。

实际结果：
有明显延迟，快则1秒，慢则10秒。

bug描述：
在测试自己项目时，发现在部分机型中，tabbar切换有很长的延迟。然后我新建了一个项目，用的官方示例，Hello uniapp,vue2版本，试了一下，发现也是一样有延迟。只要多切换，多点击，延迟就越明显。
测试机型：小米13pro，小米14
安装包下载地址及测试视频地址：
链接: https://pan.baidu.com/s/13esG9nEZr37a3iTeFs-u3g?pwd=i686 提取码: i686 复制这段内容后打开百度网盘手机App，操作更方便哦

ionicwang 1楼•4 天前

3.8.12 是比较稳的，如果不开发uniappx 可以先用这个版本

gougou168 2楼•4 天前

用3.8.12，新建官方示例，试了下，问题依旧。

gougou168 3楼•4 天前

应该是小米的远程真机系统有问题，因为同一个机型，远程真机有问题，本地机没问题。

sinazl 4楼•4 天前

应该是小米的远程真机系统有问题，因为同一个机型，远程真机有问题，本地机没问题。

zlyuanteng 5楼•4 天前

解决了？

ionicwang 6楼•4 天前

应该是小米的远程真机有问题，同一机型我自己本地测试没问题

在 uni-app 中，部分机型在切换 tabbar 时可能会出现延迟问题，这通常与以下原因有关：

原因：某些低端机型或性能较差的设备，页面渲染速度较慢，导致切换 tabbar 时出现延迟。
解决方案：
- 优化页面代码，减少不必要的 DOM 节点和复杂样式。
- 使用 v-if 或 v-show 控制页面组件的显示，避免一次性渲染过多内容。
- 使用 onLoad 和 onUnload 生命周期函数，动态加载和卸载页面资源。

解决方案：

在 pages.json 中关闭页面切换动画：

{
  "globalStyle": {
    "animationType": "none"
  }
}

或者针对特定页面关闭动画：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "animationType": "none"
      }
    }
  ]
}