2017-09-05 45 views
0

我開發一個應用程序分頁我有三個標籤Ionic2標籤輕掃回不工作swipeBackEnabled

<ion-tabs #tabsPage swipeBackEnabled="true"> 
    <ion-tab [root]="tab1Root" tabTitle="{{'tabs.tab1'|translate}}&zwnj;" tabIcon="ios-home-outline"></ion-tab> 
    <ion-tab [root]="tab2Root" [rootParams]='filter' tabTitle="{{'tabs.tab2'|translate}}&zwnj;" tabIcon="ios-list-box-outline"></ion-tab> 
    <ion-tab [root]="tab3Root" tabTitle="{{'tabs.tab3'|translate}}&zwnj;" tabIcon="md-walk"></ion-tab> 
</ion-tabs> 

標籤2上點擊每個項目將推詳細信息頁面的列表視圖。我無法在IOS中使用刷卡。

當我試圖調試與下面的代碼片段

alert(this.navCtrl.canGoBack()); 
alert(this.navCtrl.canSwipeBack()); 
alert(this.navCtrl.swipeBackEnabled); 

我得到真正的,不確定的,真正的

如果我設置swipeBackEnabled假 我得到真,假,假

屬性這裏

幫助我,我已經嘗試了所有組合以便swipeBackEnabled。

我試圖swipeBackEnabled在 1.module.ts 2.app.html

<ion-nav #samNav [root]="rootPage" swipeBackEnabled="true"></ion-nav> 

3.tabs.html上面的例子

毫無效果。

回答

0

我已通過更新 「devDependencies」 解決了這個問題:{ 「@離子/應用程序的腳本」: 「2.1.4」, 「離子」: 「3.9.2」, 「打字稿」:「 2.3.4" },

0

你在哪裏放置swipeBackEnabled = 「真」? 我試圖在app.html和tabs.html,但我在我的console.log(this.navCtrl.canGoBack(), this.navCtrl.canSwipeBack(), this.navCtrl.swipeBackEnabled);輸出仍然true undefined true。 我devDependencies是像你這樣的。

"devDependencies": { 
"@ionic/app-scripts": "^2.1.4", 
"ionic": "^3.9.2", 
"typescript": "2.3.4"} 
+0

我在一個子頁面中有這 – Gogul

+0

目前我沒有提到swipeBackEnabled在我的應用程序的任何地方。這對我來說可以。 – Gogul

+0

如果我不提它,canSwipeBack()和swipeBackEnabled()返回false – BackesM