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>

选项卡2是一个列表视图，单击每个项目将推送详细信息页面。我无法在IOS中使用滑动。

当我尝试使用以下代码段

调试属性时

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

我得到真实，未定义，真实

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

在此帮助我，我尝试了所有组合以启用swipeBackEnabled。

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

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

3.tabs.html上面的示例

没有任何效果。

Answer 1

我通过更新解决了这个问题＆＃34; devDependencies＆＃34;：{ ＆＃34; @ ionic / app-scripts＆＃34;：＆＃34; 2.1.4＆＃34;，＆＃34; ionic＆＃34;：＆＃34; 3.9.2＆＃34;，＆＃34;打字稿＆＃34;：＆＃34; 2.3.4＆＃34; }，

Answer 2

你在哪里放置了swipeBackEnabled =＆＃34; true＆＃34;？我在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 Tabs向后滑动不能正常工作swipeBackEnabled

2 个答案: