【问题标题】:Ionic2 Tabs swipe back not working swipeBackEnabledIonic2选项卡向后滑动不起作用 swipeBackEnabled
【发布时间】:2017-10-22 13:39:08
【问题描述】:

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

<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 中使用滑动返回。

当我尝试使用以下 sn-p 调试属性时

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 上面的例子

没有任何效果。

【问题讨论】:

    标签: ionic2 swipe ionic2-tabs


    【解决方案1】:

    我已经通过更新解决了这个问题 “开发依赖”:{ "@ionic/app-scripts": "2.1.4", “离子”:“3.9.2”, “打字稿”:“2.3.4” },

    【讨论】:

      【解决方案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"}
      

      【讨论】:

      • 我在子页面中有这个
      • 目前我还没有在我的应用程序的任何地方提到 swipeBackEnabled。它对我来说很好。
      • 如果我不提,canSwipeBack()和swipeBackEnabled()返回false
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多