uni-app navigateBack设置为animationType: 'none' 不生效，回退任然有动画效果

uni-app navigateBack设置为animationType: ‘none’ 不生效，回退任然有动画效果

开发环境 版本号 项目创建方式
Mac 11.2.1 HBuilderX 
产品分类：uniapp/App

PC开发环境操作系统：Mac

PC开发环境操作系统版本号：11.2.1

HBuilderX类型：正式

HBuilderX版本号：3.1.2

手机系统：Android

手机系统版本号：Android 10

手机厂商：小米

手机机型：小米8

页面类型：vue

打包方式：云端

示例代码：

```javascript
uni.navigateBack({  
   delta:1,  
   animationType: 'none',  
  animationDuration: 0  
})

操作步骤：

uni.navigateBack({  
   delta:1,  
   animationType: 'none',  
  animationDuration: 0  
})

预期结果：

  • 回退页面仍然有动画效果

实际结果：

  • 根据文档说明把animationType属性设置为none应该是无动画效果的。但是实际中还是有切换动画的

bug描述：

  • 如题：navigateBack设置为animationType: ‘none’ 不生效。回退任然有动画效果。包括设置uni.navigateTo 的animationType: ‘none’ 切换页面也还是有动画效果。

更多关于uni-app navigateBack设置为animationType: 'none' 不生效，回退任然有动画效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

有人知道这是啥问题吗？

更多关于uni-app navigateBack设置为animationType: 'none' 不生效，回退任然有动画效果的实战教程也可以访问 https://www.itying.com/category-93-b0.html


Android 10，HONOR Play4T ，未复现问题。

这是一个已知的uni-app在Android端的兼容性问题。根据我的经验，这个问题通常出现在Android平台上，特别是在某些特定机型上。

问题原因：

  1. 在Android平台上，页面切换动画是由原生层控制的，而animationType参数在某些情况下可能无法完全覆盖原生默认动画
  2. 不同Android厂商对WebView的实现有差异，可能导致参数失效

临时解决方案：

  1. 可以尝试在pages.json中全局配置页面动画：
"globalStyle": {
  "animationType": "none",
  "animationDuration": 0
}
  1. 或者使用uni.reLaunch代替navigateBack，虽然会重新加载页面，但可以避免动画问题：
uni.reLaunch({
  url: '/pages/targetPage'
})
回到顶部