uni-app 3.4.5 uni.navigateTo和uni.navigateBack动画有严重bug

uni-app 3.4.5 uni.navigateTo和uni.navigateBack动画有严重bug

3.4.5 uni.navigateTo和uni.navigateBack动画有严重bug  

当前页面会从左侧滑动到右侧然后再隐藏当前页面

相关链接 ： 

- [https://ask.dcloud.net.cn/question/142822](https://ask.dcloud.net.cn/question/142822)
- [https://ask.dcloud.net.cn/question/142797](https://ask.dcloud.net.cn/question/142797)

更多关于uni-app 3.4.5 uni.navigateTo和uni.navigateBack动画有严重bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

确实存在这个问题，官方会修复的

更多关于uni-app 3.4.5 uni.navigateTo和uni.navigateBack动画有严重bug的实战教程也可以访问 https://www.itying.com/category-93-b0.html


此问题已更新云端依赖库解决，提交打包后的app 就没问题了

HBuilderX Alpha 3.4.6 已修复

在 uni-app 3.4.5 版本中，uni.navigateTo 和 uni.navigateBack 的动画可能存在一些已知的 bug。以下是一些常见的解决方案和临时处理方法：

1. 检查版本更新

  • 首先，确保你使用的是最新版本的 uni-app。开发者可能已经在后续版本中修复了这些问题。可以通过以下命令更新 uni-app：
    npm update @dcloudio/uni-app

2. 使用 uni.redirectTo 替代 uni.navigateTo

  • 如果你不需要保留当前页面，可以尝试使用 uni.redirectTo 替代 uni.navigateTo。uni.redirectTo 不会保留当前页面，因此不会触发页面切换动画。

3. 手动控制动画

  • 如果你需要保留页面切换动画，可以尝试手动控制动画效果。例如，使用 uni.createAnimation 创建自定义动画，并在页面切换时手动触发。

4. 使用 uni.reLaunch

  • 如果你需要关闭所有页面并打开新页面，可以使用 uni.reLaunch。这会关闭所有页面并打开新页面，避免页面切换动画的问题。

5. 检查页面生命周期

  • 确保在页面生命周期中正确处理了 onLoad、onShow、onHide 等事件。有时动画问题可能是由于页面生命周期处理不当引起的。

6. 使用 uni.switchTab

  • 如果你在切换 Tab 页面时遇到问题，可以使用 uni.switchTab 来切换 Tab 页面。uni.switchTab 有专门的处理逻辑，可能会避免一些动画问题。

7. 反馈给官方

  • 如果你确认这是一个 bug，并且上述方法都无法解决问题，建议将问题反馈给 uni-app 官方团队。你可以通过以下方式反馈：

8. 临时禁用动画

  • 如果问题严重影响用户体验，可以临时禁用页面切换动画。在 pages.json 中配置页面路由时，设置 animationType: 'none'：
    {
  "path": "pages/index/index",
  "style": {
    "navigationBarTitleText": "首页",
    "animationType": "none"
  }
}

9. 回退到稳定版本

  • 如果问题无法解决，可以考虑回退到一个已知稳定的 uni-app 版本。可以通过以下命令安装指定版本：
    npm install @dcloudio/uni-app@3.4.4
回到顶部