Ionic framework 使用ionic native transition插件时显示相同的页面?
我正在我的应用程序中使用ionic native transition插件。我正在使用Ionic framework 使用ionic native transition插件时显示相同的页面?,ionic-framework,Ionic Framework,我正在我的应用程序中使用ionic native transition插件。我正在使用向上滑动页面转换。它可以工作,但当状态更改时,它会在短时间内显示同一页面,然后出现另一个页面(我要切换的页面)。下面是示例。我尝试了使用不同的默认选项值,但这并不能解决我的问题。任何帮助都将不胜感激我不确定您的问题是否与我的问题相同(当过渡到下一个/上一个状态开始时,它应该过渡到的“新状态”在动画之前/期间显示在“旧视图”中),但以下是我所做的。我找到了一个解决方案,就是在ionic.native transi
向上滑动
页面转换。它可以工作,但当状态更改时,它会在短时间内显示同一页面,然后出现另一个页面(我要切换的页面)。下面是示例。我尝试了使用不同的默认选项值,但这并不能解决我的问题。任何帮助都将不胜感激我不确定您的问题是否与我的问题相同(当过渡到下一个/上一个状态开始时,它应该过渡到的“新状态”在动画之前/期间显示在“旧视图”中),但以下是我所做的。我找到了一个解决方案,就是在ionic.native transitions(.min).js中的stateGo()函数中为状态更改添加一个超时,这将导致它作为最后一个函数运行。以下代码适用于iOS和Android设备
function stateGo() {
var state = arguments.length <= 0 || arguments[0] === undefined ? null : arguments[0];
var stateParams = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
var transitionOptions = arguments.length <= 2 || arguments[2] === undefined ? null : arguments[2];
var stateOptions = arguments.length <= 3 || arguments[3] === undefined ? {} : arguments[3];
if (!state) {
$log.debug('[native transition] cannot change state without a state...');
return;
}
unregisterToStateChangeStartEvent();
transition(transitionOptions);
if (ionic.Platform.isIOS()) {
$timeout(function() {
$state.go(state, stateParams, stateOptions);
});
} else {
$state.go(state, stateParams, stateOptions);
}
}
函数stateGo(){
var state=arguments.length在使用以下命令时,我也遇到了同样的问题:
$scope.$on('$ionicView.enter', function(event, viewData) {
var transitionDirection = viewData.direction !== "back" ? "left": "right";
var options = {
"direction": transitionDirection,
"duration": 600,
"androiddelay": 75
};
window.plugins.nativepagetransitions.slide(
options,
function () {},
function () {}
);
});
但是,当我将“$ionicView.enter”事件更改为“$ionicView.BeforeCenter”时,它为我解决了这个问题。但不确定这是否是一个正确的解决方案。请添加一些代码。否则,我们无法看到您正在尝试做什么以及您可能做错了什么。