Ionic2 选项卡向后滑动不起作用 swipeBackEnabled

Question

我正在开发一个选项卡式应用程序我有三个选项卡

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

Tab 2 是一个列表视图，点击每个项目将推送详细信息页面。我无法在 IOS.

中使用向后滑动

当我尝试使用以下代码片段调试属性时

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

我得到 true, undefined, true

如果我将 swipeBackEnabled 设置为 false 我得到真，假，假

在这里帮助我，我已经尝试了所有组合来启用 swipeBackEnabled。

我试过 swipeBackEnabled 1.module.ts 2.app.html

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

3.tabs.html 上面的例子

没有任何效果。

Answer 1

我已经通过更新解决了这个问题 "devDependencies"：{ "@ionic/app-scripts": "2.1.4", "ionic": "3.9.2", "typescript": "2.3.4" },

Answer 2

你把 swipeBackEnabled="true" 放在哪里了？我在 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"}

Ionic2 选项卡向后滑动不起作用 swipeBackEnabled

Ionic2 Tabs swipe back not working swipeBackEnabled

swipe

ionic2

ionic2-tabs