Ionic2 Tabs向后滑动不工作SwipeBackenable



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

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

我变得真实,不确定,true

如果我将SwipeBackenabled设置为false我变得是真的,false,false

在这里帮助我,我尝试了所有组合以启用SwipeBackenabled。

我尝试了SwipeBackenabled1.Module.TS2.App.html

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

3.tabs.html上面的示例

什么都没有用。

我通过更新解决了此问题" devDectiencies":{ "@ionic/app-scripts":" 2.1.4", "离子":" 3.9.2", "打字稿":" 2.3.4" },

您将SwipeBackenabled =" true"放在哪里?我在app.html和tabs.html中尝试过它,但是我的console.log(this.navCtrl.canGoBack(), this.navCtrl.canSwipeBack(), this.navCtrl.swipeBackEnabled);输出仍然是true undefined true。我的dev依赖性就像你的一样。

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

相关内容

  • 没有找到相关文章

最新更新