在Nativescript-vue中使用this$ navigateTo时如何使用自定义过渡？

问题描述

我想在Nativescript-vue应用程序中使用this。$ navigateto方法时创建并使用自定义过渡。正如我从文档中了解到的那样，有一些内置的转换可以作为参数传递给 this。$ navigateto ，如下所示。

 * Can be one of the built-in transitions:
 * - curl (same as curlUp) (iOS only)
 * - curlUp (iOS only)
 * - curlDown (iOS only)
 * - explode (Android Lollipop(21) and up only)
 * - fade
 * - flip (same as flipRight)
 * - flipRight
 * - flipLeft
 * - slide (same as slideLeft)
 * - slideLeft
 * - slideRight
 * - slidetop
 * - slideBottom

我使用 this。$ navigateto ，如下所示。

this.$navigateto(Profile,{
                fullscreen: true,transition: {
                    name: 'slide',duration: 250,curve: 'easeIn'
                }
            });

如何使用OS上已经存在的自定义过渡，或者找到一种在手动导航时使用CSS动画的方法？我的package.json与下面的相同。

    {
      "name": "***","version": "1.0.0","description": "***","author": "***","license": "MIT","nativescript": {
        "id": "***","templateVersion": "v2","tns-ios": {
          "version": "6.5.0"
        },"tns-android": {
          "version": "6.5.0"
        }
      },"dependencies": {
        "nativescript-gradient": "^2.0.1","nativescript-image-cache-it": "^5.0.0-beta.20","nativescript-theme-core": "^2.0.24","nativescript-ui-listview": "^8.1.2","nativescript-ui-sidedrawer": "^8.0.1","nativescript-videorecorder-x": "^1.0.3-android-x","nativescript-vue": "^2.6.1","rxjs": "^6.5.5","tns-core-modules": "^6.5.1","vuex": "^3.3.0"
      },"devDependencies": {
        "@babel/core": "^7.0.0","@babel/preset-env": "^7.0.0","babel-loader": "^8.1.0","nativescript-dev-webpack": "^1.5.1","nativescript-vue-template-compiler": "^2.6.0","nativescript-worker-loader": "~0.11.0","node-sass": "^4.13.1","tns-platform-declarations": "^6.5.1","typescript": "^3.8.3","@types/node": "^13.11.1","vue": "^2.6.11","vue-loader": "^15.9.1"
      }
    }

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）