如何在离子中禁用IOS平台的滑动效果

Question

我是Ionic的新手.我正在使用离子空白模板创建一个phonegap应用程序.当我在我的应用程序的第二页上从左向右滑动时,会出现黑屏.我不知道从哪里来.我不能回到上一页.我需要杀死应用程序才能解决这个问题.以下是滑动之前和之后的代码:

之前:

<ion-nav-view nav-view-transition="ios" nav-view-direction="forward" class="view-container disable-user-behavior" nav-swipe="">
<ion-pane class="pane" nav-view="active" style="opacity: 1; box-shadow: rgba(0, 0, 0, 0) 0px 0px 10px; -webkit-transform: translate3d(0%, 0px, 0px);">
<form name="memberInfo" ng-submit="saveMemberInfo(data)" class="ng-pristine ng-valid">
......
</ion-pane>
</ion-nav-view>

之后:

<ion-nav-view nav-view-transition="ios" nav-view-direction="back" class="view-container disable-user-behavior" nav-swipe=""><ion-pane class="pane" nav-view="active" style="opacity: 1; box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 10px; -webkit-transform: translate3d(0%, 0px, 0px); -webkit-transition: 0ms; transition: 0ms;">
<form name="memberInfo" ng-submit="saveMemberInfo(data)" class="ng-pristine ng-valid">
........
</ion-pane><div class="pane" nav-view="cached" style="opacity: 0.9; -webkit-transform: translate3d(-33%, 0px, 0px); -webkit-transition: 0ms; transition: 0ms;"></div></ion-nav-view>

此问题仅出现在ios中.

谁知道这个问题会怎样？

Answer 1

根据Ionic论坛,只需在AngularJS模块的配置中使用以下代码行:

$ionicConfigProvider.views.swipeBackEnabled(false);

Answer 2

在最新版本的离子中,您还可以通过在离子视图上使用can-swipe-back ="false"来禁用仅针对某些视图的滑动返回功能.

<ion-view can-swipe-back="false"></ion-view>