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 представляет собой список при нажатии на каждый элемент будет толкать страницу сведений. Я не смог использовать Swipe обратно в IOS.

Когда я попытался отладить свойства с помощью приведенного ниже фрагмента

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

Я получаю истинное, неопределенное, истинное

Если я установлю для swipeBackEnabled значение false, я получу значение true, false, false

Помогите мне здесь, я попробовал все комбинации, чтобы включить swipeBackEnabled.

Я попытался swipeBackEnabled в 1.module.ts 2.app.html

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

3.tabs.html пример выше

Ничего не сработало.

2 ответа

Решение

Я решил эту проблему, обновив "devDependencies": { "@ionic/app-scripts": "2.1.4", "ionic": "3.9.2", "typcript": "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"}
Другие вопросы по тегам