2015-05-04 14 views
15

Jestem nowy w firmie Ionic. Tworzę aplikację phonegap za pomocą pustego szablonu jonowego. Po przesunięciu palcem od lewej do prawej strony na drugiej stronie aplikacji pojawia się czarny ekran. Nie wiem skąd to się bierze. Nie mogę wrócić do poprzedniej strony. Muszę zabić aplikację, aby rozwiązać ten problem. Poniżej przedstawiono kod przed i po machnięcia:jak wyłączyć efekt przesunięcia platformy IOS w trybie jonowym

przed:

<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> 

po:

<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> 

Kwestia ta pojawia się tylko w iOS.

Ktoś wie, jak ten problem nadchodzi?

Odpowiedz

31

Według Ionic forum wystarczy użyć poniższego wiersza kodu w konfiguracji z modułu angularjs:

$ionicConfigProvider.views.swipeBackEnabled(false); 
+1

Działa to dobrze dla mnie –

4

napisałem poniżej kod w app.js pliku.

angular.module(....) 
.config(function($stateProvider,$urlRouterProvider,$ionicConfigProvider){ 

    $ionicConfigProvider.views.swipeBackEnabled(false); 

. 
. 
. 
.//remaining code in config 
} 
10

W najnowszej wersji jonowe można również wyłączyć bezstykowa wrócić wyposażone jedynie w odniesieniu do niektórych poglądów za pomocą CAN-swipe-back = „false” na widoku jonowej.

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

Zawsze zawierać wersję w swojej odpowiedzi, nawet jeśli jest obecny ostatni. Nie wiem, do której wersji się odwołujesz. – mxmlc

1

W kodzie powyższym przypadku nie działa: w funkcji run można dodać:

$ionicPlatform.views.swipeBackEnabled(false); 
+0

dla informacji: dodaj ten kod jako ostatni wiersz w funkcji uruchamiania. Wystąpiły problemy w pozostałej części kodu funkcji run, jeśli ta linia została dodana jako pierwsza linia. –

Powiązane problemy