uni-app subNvue安卓隐藏窗口使用动画无法关闭

uni-app subNvue安卓隐藏窗口使用动画无法关闭

项目信息 详情
产品分类 uniapp/App
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 3.99
手机系统 iOS
手机系统版本号 iOS 16
手机厂商 苹果
手机机型 iphone13
页面类型 nvue
vue版本 vue2
打包方式 云端
项目创建方式 HBuilderX

示例代码：

uni.getSubNVueById('xxxxx').hide('slide-out-bottom', 200)

操作步骤：

uni.getSubNVueById('xxxxx').hide('slide-out-bottom', 200)

预期结果：

正常关闭窗口

实际结果：

无法正常关闭

bug描述：

uni.getSubNVueById(‘xxxxx’).hide(‘slide-out-bottom’, 200) 苹果正常，安卓无法关闭窗口，只能使用 uni.getSubNVueById(‘xxxxx’).hide()


更多关于uni-app subNvue安卓隐藏窗口使用动画无法关闭的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

android 也可以带动画 uni.getSubNVueById(‘setting’).hide(‘slide-out-bottom’, 500)

uni.getSubNVueById(‘setting’).hide(‘auto’)//或者

更多关于uni-app subNvue安卓隐藏窗口使用动画无法关闭的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中使用 subNvue 时，如果你在安卓平台上遇到无法通过动画关闭窗口的问题，可能是由于一些特定的原因导致的。以下是一些可能的原因和解决方案：

1. 动画未正确触发

  • 确保你在关闭 subNvue 窗口时，正确调用了动画相关的 API。例如，使用 uni.hideSubNVue() 或 subNVue.hide() 方法时，确保动画参数正确设置。
  • 示例代码：
    subNVue.hide('slide-out-right', 300, function() {
    console.log('subNVue 隐藏完成');
});

2. 动画持续时间问题

  • 如果动画持续时间设置过短，可能会导致动画效果不明显或未完全执行。尝试增加动画的持续时间，看看问题是否得到解决。
  • 示例代码：
    subNVue.hide('slide-out-right', 500); // 增加动画持续时间

3. 安卓平台兼容性问题

  • 在某些安卓设备或系统版本上，subNvue 的动画可能存在兼容性问题。可以尝试使用不同的动画类型，或者在不使用动画的情况下直接关闭窗口。
  • 示例代码：
    subNVue.hide(); // 不使用动画

4. 检查 subNvue 的配置

  • 确保 subNvue 的配置正确，特别是在 pages.json 中的配置。检查 subNVue 的 style 和 animation 配置是否正确。
  • 示例配置：
    {
    "path": "pages/index/index",
    "style": {
        "subNVue": {
            "id": "subNVueId",
            "path": "pages/subNVue/subNVue",
            "style": {
                "position": "absolute",
                "width": "100%",
                "height": "100%",
                "animation": {
                    "type": "slide-in-right",
                    "duration": 300
                }
            }
        }
    }
}
回到顶部