如何解决在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 举报,一经查实,本站将立刻删除。