ios18 点击跳转会有明显延迟 uni-app

ios18 点击跳转会有明显延迟 uni-app

开发环境 版本号 项目创建方式
Mac 15.3.1 HBuilderX

产品分类：uniapp/App

PC开发环境操作系统：Mac

HBuilderX类型：Alpha

HBuilderX版本号：4.83

手机系统：iOS

手机系统版本号：iOS 18

手机厂商：苹果

手机机型：iphone13

页面类型：vue

vue版本：vue3

打包方式：云端

示例代码：

<view style="padding-top: 200rpx" @tap="test">测试</view>  
test(event){
uni['navigateTo']({ url: '/main/page?uri=page_OWn49W2ncO' })
},
```

操作步骤：
- 点击跳转延迟

预期结果：
- 跟iOS16一致

实际结果：
- 有明显延迟

bug描述：
- iphone 升级到ios18之后，点击按钮跳转有明显延迟，同事的iphone13是ios16，跳转很流畅

更多关于ios18 点击跳转会有明显延迟 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

打印一下时间戳，慢再哪里导致的，click 触发时间、跳转时间、跳转完成时间等。

更多关于ios18 点击跳转会有明显延迟 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在iOS 18系统中，uni-app页面跳转延迟问题可能与系统级动画策略调整有关。建议尝试以下优化方案：

  1. 使用uni.preloadPage预加载目标页面：
onLoad() {
  uni.preloadPage({url: '/main/page?uri=page_OWn49W2ncO'})
}

  1. 检查页面生命周期函数执行效率，避免在onShow/onLoad中执行耗时操作

  2. 在pages.json中配置页面动画参数：

{
  "style": {
    "animationDuration": 200,
    "animationType": "pop-in"
  }
}
  1. 测试关闭页面过渡动画：
uni.navigateTo({
  url: '/main/page?uri=page_OWn49W2ncO',
  animationType: 'none',
  animationDuration: 0
})
回到顶部